feat(todo): 모바일 반응형 — 스와이프 칸반 + FAB + 바텀시트 입력

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-23 14:55:05 +09:00
parent 326d54c73f
commit 00f8e00436
2 changed files with 186 additions and 111 deletions
--- a/src/pages/todo/Todo.css
+++ b/src/pages/todo/Todo.css
@@ -370,11 +370,21 @@
    text-decoration-color: rgba(244, 114, 182, 0.4);
 }

+/* ── 스와이프 보드 (모바일 전용) ──────────────────────────────────────── */
+
+.todo-swipe-board {
+    display: none;
+}
+
 /* ── Responsive ──────────────────────────────────────────────────────── */

@media (max-width: 768px) {
    .todo-board {
-        grid-template-columns: 1fr;
+        display: none;
+    }
+
+    .todo-swipe-board {
+        display: block;
    }

    .todo-col {