 kjh2064
|
66d0788cfa
|
docs: update responsive design standard - all layouts standardized (v1.1)
- FormPageLayout, ReviewWorkbenchLayout, OperationsConsoleLayout: ✅ FIXED
- PageLayout footer: ✅ FIXED
- CrudWorkspaceLayout: ✅ COMPLIANT (already using CSS variables)
- DashboardLayout, AppShellLayout: ✅ FIXED
All 7 layouts now use:
• CSS variables for widths (no hardcoded values)
• Unified 1100px tablet breakpoint (768px mobile)
• Proper height propagation (flex: 1 + min-height: 0)
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
|
2026-08-16 00:17:06 +09:00 |
|
|
kjh2064
|
ffc1f5b1b5
|
fix(fe): responsive design standardization - CSS variables and unified breakpoints
- FormPageLayout: hardcoded minmax(18rem, 26rem) → var(--ks-preview-width)
- ReviewWorkbenchLayout: hardcoded minmax values → var(--ks-detail-width) + var(--ks-aside-width)
- OperationsConsoleLayout: hardcoded minmax(18rem, 28rem) → var(--ks-detail-width)
- Unified all breakpoints: 950px/1000px/1200px → 1100px (tablet), 768px (mobile)
- PageLayout: footer sticky overflow issue fixed (flex: 0 0 auto)
Fixes responsive design for all screen sizes (768px mobile → 1920px fullHD → 2560px 4K).
Reference: docs/FRONTEND-RESPONSIVE-DESIGN-STANDARD.md
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
|
2026-08-16 00:12:21 +09:00 |
|