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:
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user