From 6ef687378de138cb5a15556ddd818d72708057a7 Mon Sep 17 00:00:00 2001
From: gahusb <bgg8988@gmail.com>
Date: Thu, 23 Apr 2026 15:15:55 +0900
Subject: [PATCH] =?UTF-8?q?fix(components):=20CSS=20=EB=B3=80=EC=88=98?=
 =?UTF-8?q?=EB=AA=85=20=EC=88=98=EC=A0=95=20+=20dead=20code=20=EC=A0=9C?=
 =?UTF-8?q?=EA=B1=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- --border-line → --line (5개 컴포넌트 8곳)
- --gradient-accent → --grad-accent (FAB)
- --text-default → --text (MobileSheet)
- useSwipe.js 삭제 (미사용 dead code)

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 src/components/BottomNav.css     |  6 +++---
 src/components/FAB.css           |  2 +-
 src/components/MobileSheet.css   |  6 +++---
 src/components/PullToRefresh.css |  4 ++--
 src/components/SwipeableView.css |  2 +-
 src/hooks/useSwipe.js            | 13 -------------
 6 files changed, 10 insertions(+), 23 deletions(-)
 delete mode 100644 src/hooks/useSwipe.js

diff --git a/src/components/BottomNav.css b/src/components/BottomNav.css
index 3d84fc8..1b48e0b 100644
--- a/src/components/BottomNav.css
+++ b/src/components/BottomNav.css
@@ -9,7 +9,7 @@
   height: var(--bottom-nav-h);
   padding-bottom: var(--safe-area-bottom);
   background: var(--bg-secondary);
-  border-top: 1px solid var(--border-line);
+  border-top: 1px solid var(--line);
   backdrop-filter: blur(20px);
   -webkit-backdrop-filter: blur(20px);
   z-index: 300;
@@ -110,7 +110,7 @@
   z-index: 299;
   padding: 16px 12px 12px;
   background: var(--surface-raised);
-  border-top: 1px solid var(--border-line);
+  border-top: 1px solid var(--line);
   border-radius: var(--radius-lg) var(--radius-lg) 0 0;
   display: grid;
   grid-template-columns: repeat(4, 1fr);
@@ -137,7 +137,7 @@
   font-size: 11px;
   font-weight: 500;
   background: var(--surface);
-  border: 1px solid var(--border-line);
+  border: 1px solid var(--line);
   border-radius: var(--radius-md);
   transition: color 0.18s var(--ease-out), border-color 0.18s var(--ease-out);
   -webkit-tap-highlight-color: transparent;
diff --git a/src/components/FAB.css b/src/components/FAB.css
index fdeef4f..df490fa 100644
--- a/src/components/FAB.css
+++ b/src/components/FAB.css
@@ -8,7 +8,7 @@
   width: 56px;
   height: 56px;
   border-radius: 50%;
-  background: var(--gradient-accent);
+  background: var(--grad-accent);
   border: none;
   color: #000;
   font-size: 24px;
diff --git a/src/components/MobileSheet.css b/src/components/MobileSheet.css
index 767145a..6939b58 100644
--- a/src/components/MobileSheet.css
+++ b/src/components/MobileSheet.css
@@ -26,7 +26,7 @@
   right: 0;
   max-height: 90vh;
   background: var(--bg-secondary);
-  border-top: 1px solid var(--border-line);
+  border-top: 1px solid var(--line);
   border-radius: var(--radius-xl) var(--radius-xl) 0 0;
   z-index: 401;
   display: flex;
@@ -73,7 +73,7 @@
   align-items: center;
   justify-content: space-between;
   padding: 0 20px 12px;
-  border-bottom: 1px solid var(--border-line);
+  border-bottom: 1px solid var(--line);
   flex-shrink: 0;
 }
 
@@ -100,7 +100,7 @@
 }
 
 .mobile-sheet__close:hover {
-  color: var(--text-default);
+  color: var(--text);
 }
 
 /* Scrollable body */
diff --git a/src/components/PullToRefresh.css b/src/components/PullToRefresh.css
index e59e1df..730b344 100644
--- a/src/components/PullToRefresh.css
+++ b/src/components/PullToRefresh.css
@@ -15,7 +15,7 @@
   height: 36px;
   border-radius: 50%;
   background: var(--surface-card);
-  border: 1px solid var(--border-line);
+  border: 1px solid var(--line);
   box-shadow: var(--shadow-md);
   display: flex;
   align-items: center;
@@ -36,7 +36,7 @@
   display: block;
   width: 20px;
   height: 20px;
-  border: 2px solid var(--border-line);
+  border: 2px solid var(--line);
   border-top-color: var(--neon-cyan);
   border-radius: 50%;
   animation: ptr-spin 0.7s linear infinite;
diff --git a/src/components/SwipeableView.css b/src/components/SwipeableView.css
index 7cb9941..ebd7bb6 100644
--- a/src/components/SwipeableView.css
+++ b/src/components/SwipeableView.css
@@ -13,7 +13,7 @@
   padding: 4px;
   background: var(--surface);
   border-radius: var(--radius-md);
-  border: 1px solid var(--border-line);
+  border: 1px solid var(--line);
   overflow-x: auto;
   scrollbar-width: none;
   -ms-overflow-style: none;
diff --git a/src/hooks/useSwipe.js b/src/hooks/useSwipe.js
deleted file mode 100644
index cd8ac9d..0000000
--- a/src/hooks/useSwipe.js
+++ /dev/null
@@ -1,13 +0,0 @@
-import { useSwipeable } from 'react-swipeable';
-
-export function useSwipe({ onSwipedLeft, onSwipedRight, threshold = 50 } = {}) {
-  const handlers = useSwipeable({
-    onSwipedLeft,
-    onSwipedRight,
-    delta: threshold,
-    trackMouse: false,
-    preventScrollOnSwipe: true,
-  });
-
-  return handlers;
-}