From 5217bb1c190f8cb7fe3d4017a46e41b481d9c782 Mon Sep 17 00:00:00 2001 From: bboysoul Date: Mon, 7 Sep 2026 10:22:05 +0800 Subject: [PATCH] feat: desktop sidebar collapse and hidden folder scrollbar --- frontend/src/App.vue | 14 ++++++++++++-- frontend/src/style.css | 2 +- frontend/src/style.test.ts | 13 +++++++++++++ 3 files changed, 26 insertions(+), 3 deletions(-) diff --git a/frontend/src/App.vue b/frontend/src/App.vue index 83f6362..66b9a62 100644 --- a/frontend/src/App.vue +++ b/frontend/src/App.vue @@ -35,6 +35,7 @@ const error = ref('') const notice = ref('') const loading = ref(false) const mobileSidebar = ref(false) +const sidebarCollapsed = ref(false) const mobileDetail = ref(false) const mobileMore = ref(false) const moreSettingsOpen = ref(false) @@ -50,6 +51,15 @@ const taskSwipeStart = ref<{ id: string; x: number; y: number } | null>(null) const taskSwipeOffsets = ref>({}) let suppressTaskClickId = '' +function toggleSidebar() { + const compact = window.matchMedia('(max-width: 930px)').matches + if (compact) { + mobileSidebar.value = !mobileSidebar.value + } else { + sidebarCollapsed.value = !sidebarCollapsed.value + } +} + const modalVisible = ref(false) const modalTitle = ref('') const modalLabel = ref('') @@ -401,7 +411,7 @@ onMounted(bootstrap) {{ error }} -
+