공지사항 목록 디자인 적용

2025-12-04 15:05:34 +09:00
parent 46f0388832
commit c341f83e3d
3 changed files with 202 additions and 77 deletions
@@ -366,6 +366,61 @@
          text-align: left;
        }
      }
+
+      // Title cell with inline file icon
+      &--title {
+        justify-content: flex-start;
+
+        @media (max-width: $breakpoint-md) {
+          &::before {
+            display: none; // Hide data-label for title on mobile
+          }
+        }
+
+        .notice-title-link {
+          display: inline-flex;
+          align-items: center;
+          gap: $spacing-sm;
+          color: inherit;
+          text-decoration: none;
+          transition: $transition-base;
+
+          &:hover {
+            color: $primary-blue;
+          }
+
+          // Mobile number prefix [1] [2] etc
+          .notice-number {
+            display: none;
+            font-weight: $font-weight-medium;
+            color: $text-gray;
+            flex-shrink: 0;
+
+            @media (max-width: $breakpoint-md) {
+              display: inline;
+            }
+          }
+        }
+
+        .file-icon {
+          display: inline-flex;
+          align-items: center;
+          flex-shrink: 0;
+          color: #212529;
+
+          svg {
+            width: 24px;
+            height: 24px;
+          }
+        }
+      }
+
+      // Number cell for notice list
+      &--number {
+        @media (max-width: $breakpoint-md) {
+          display: none; // Hide separate number cell on mobile
+        }
+      }
    }

    // Action buttons container