- 카드 전환 방식 변경

- 필터 조건 선택 가능하게 변경 등
2026-02-12 01:35:44 +09:00
parent d9dea9581c
commit a7817d2113
17 changed files with 440 additions and 225 deletions
--- a/index.html
+++ b/index.html
@@ -82,6 +82,11 @@
            #product-modal {
            overscroll-behavior: contain;
            }
+
+            [id^="thumb-"] {
+    transition: all 0.6s ease-in-out;
+    background-color: #f1f5f9; /* 로딩 중 배경색 (slate-100) */
+}
        </style>
    </head>
    <body class="bg-background-light dark:bg-background-dark transition-colors duration-200">
@@ -240,7 +245,7 @@
                        <!-- Right: Details Section (스크롤 영역 + 하단 버튼 고정) -->
                        <div class="w-full md:w-2/5 flex flex-col min-h-0 flex-1 bg-white dark:bg-background-dark overflow-hidden">
                            <!-- 스크롤 영역: 뱃지~설명 (스크롤바 숨김, 설명 잘림 방지) -->
-                            <div class="flex-1 min-h-0 overflow-y-auto no-scrollbar p-4 sm:p-6 md:p-8 lg:p-10">
+                            <div id="modal-content-scroll" class="flex-1 min-h-0 overflow-y-auto no-scrollbar p-4 sm:p-6 md:p-8 lg:p-10">
                                <!-- Category/Badge: 배지 단위로만 줄바꿈, 중간 사이즈 대응 -->
                                <div class="flex flex-wrap items-center gap-1.5 sm:gap-2 mb-3 sm:mb-4">
                                    <span