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
co-authored by Claude Opus 4.6
parent 29f19ddb30
commit 9556db2f90
24 changed files with 273 additions and 43 deletions
+1 -1
View File
@@ -150,7 +150,7 @@ function handleClose() {
v-model:show="showModal"
preset="card"
:title="t('models.addProvider')"
:style="{ width: '520px' }"
:style="{ width: 'min(520px, calc(100vw - 32px))' }"
:mask-closable="!loading"
@after-leave="emit('close')"
>
+1 -1
View File
@@ -48,7 +48,7 @@ const modelsStore = useModelsStore()
.providers-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(420px, 1fr));
grid-template-columns: repeat(auto-fill, minmax(min(100%, 420px), 1fr));
gap: 14px;
}
</style>