Use stacked scrolling layout on mobile dashboard

[ryokun6]

Summary

• switch the dashboard overlay to a stacked, vertically scrollable widget layout on phone-sized viewports
• scale dashboard widgets into the mobile column while keeping desktop floating behavior unchanged
• keep stacked widgets interactive by rendering widget chrome in a non-draggable stacked mode and preserving the bottom add-widget strip
• increase the vertical gap between mobile dashboard widgets for better separation
• restore backdrop dismissal on the mobile dashboard and move the widget close control back to the original offset top-left position with tap-to-reveal behavior
• trim the dashboard calendar widget height and migrate legacy saved calendar widgets so the card loses the extra bottom space without clipping the lower date rows
• add extra stacked-layout clearance above the weather widget so the transition from calendar to weather has more breathing room

Testing

• bun run build
• manual verification in Chrome responsive mode at 390px width: opened Dashboard, verified the offset close control appears after tapping a widget, confirmed a left-side backdrop click dismisses the dashboard, checked the corrected calendar card still shows the lower date rows while ending without the oversized blank tail, and verified the added breathing room above the weather widget

  

[ryos-deploy]

The preview deployment for ryos-dev is ready. 🟢

Open Preview | Open Build Logs | Open Application Logs

Last updated at: 2026-03-14 14:52:39 CET