diff --git a/docs/DESIGN_SYSTEM_AUDIT.md b/docs/DESIGN_SYSTEM_AUDIT.md index e2bf7412..21681eec 100644 --- a/docs/DESIGN_SYSTEM_AUDIT.md +++ b/docs/DESIGN_SYSTEM_AUDIT.md @@ -1034,9 +1034,9 @@ Copied generated Swift + Kotlin theme files to their target directories in 5 iOS Added global `button:hover`, `button:active`, `[role="button"]:hover/active` rules to ChronoMind, JarvisJr, FlowMonk, ActionTrail, and NoteLett. NomGap, LocalMemGPT, and LLM Lab already had hover states. -#### G.11.3 Responsive Sidebar CSS (7 apps) +#### G.11.3 Responsive Sidebar (7 apps) -Added `@media (max-width: 768px)` responsive sidebar rules to all 7 sidebar-based apps: `.app-sidebar` collapses off-screen, `.sidebar-toggle` shows hamburger, `.sidebar-overlay` provides backdrop. ChronoMind uses a non-sidebar layout (header + content). +5 sidebar apps (JarvisJr, FlowMonk, ActionTrail, NoteLett, NomGap) got full responsive wiring: `AppShell` client component with toggle state, `open` prop on Sidebar, `.app-sidebar` CSS with `!important` overrides for mobile, hamburger button, and overlay. 2 apps already had responsive sidebars (LocalMemGPT uses Tailwind breakpoints + collapsed state, LLM Lab has built-in collapsible sidebar). ChronoMind uses a header layout with no sidebar. #### G.11.4 Dark/Light Theme (8 apps)