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
+14
View File
@@ -467,4 +467,18 @@ const formattedToolResult = computed(() => {
transform: scale(1);
}
}
@media (max-width: $breakpoint-mobile) {
.msg-user .msg-body {
max-width: 90%;
}
.msg-assistant .msg-body {
max-width: 92%;
}
.msg-system .msg-body {
max-width: 92%;
}
}
</style>