feat: add mobile responsiveness support

- Hamburger menu + drawer sidebar for mobile navigation
- Auto-collapse chat session list on mobile
- Responsive grids, modals, forms, and settings
- Touch-friendly nav items (44px targets)
- Skills page sidebar toggle on mobile
- Memory sections stack vertically on mobile

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
ekko
2026-04-15 09:12:54 +08:00
parent 29f19ddb30
commit 9556db2f90
24 changed files with 273 additions and 43 deletions
+13
View File
@@ -3,6 +3,8 @@ import { ref } from 'vue'
import { checkHealth, fetchAvailableModels, updateDefaultModel, type AvailableModelGroup } from '@/api/system'
export const useAppStore = defineStore('app', () => {
const sidebarOpen = ref(false)
const connected = ref(false)
const serverVersion = ref('')
const modelGroups = ref<AvailableModelGroup[]>([])
@@ -59,7 +61,18 @@ export const useAppStore = defineStore('app', () => {
}
}
function toggleSidebar() {
sidebarOpen.value = !sidebarOpen.value
}
function closeSidebar() {
sidebarOpen.value = false
}
return {
sidebarOpen,
toggleSidebar,
closeSidebar,
connected,
serverVersion,
modelGroups,