fix(design): standardize mobile breakpoint to <= 768 across all views

Align remaining 12 files with the corrected breakpoint from FINDING-005.
Using < 768 caused a 1px inconsistency at exactly 768px where CSS media
queries (max-width: 768px) triggered mobile but JS did not.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Claude Agent
2026-03-20 22:41:17 +00:00
parent f05f862a7a
commit c5cfe3467c
12 changed files with 24 additions and 24 deletions

View File

@@ -726,7 +726,7 @@ const authStore = useAuthStore();
const router = useRouter();
// Mobile detection
const isMobile = ref(window.innerWidth < 768);
const isMobile = ref(window.innerWidth <= 768);
// UI state
const showDrawer = ref(false);
@@ -856,7 +856,7 @@ const handleServerSwitched = async () => {
// Handle window resize
const handleResize = () => {
isMobile.value = window.innerWidth < 768;
isMobile.value = window.innerWidth <= 768;
};
// Lifecycle