fix: remove excessive bottom padding below input bar on mobile dashboard#925
Conversation
- Remove dead bottom-[4.5rem] mobile offset on the fixed input bar wrapper in page.tsx. The input bar is fixed to inset-x-0 bottom-0 unconditionally now, eliminating an unnecessary conditional className via cn(). - Reduce mobile scroll content bottom padding from pb-32 to pb-20 in dashboard-view.tsx so content doesn't sit too far above the input bar.
Deploying with
|
| Status | Name | Latest Commit | Updated (UTC) |
|---|---|---|---|
| ✅ Deployment successful! View logs |
supermemory-mcp | 95f98b7 | May 10 2026, 09:05 PM |
Deploying with
|
| Status | Name | Latest Commit | Preview URL | Updated (UTC) |
|---|---|---|---|---|
| ✅ Deployment successful! View logs |
supermemory-app | 95f98b7 | Commit Preview URL Branch Preview URL |
May 10 2026, 09:06 PM |
|
Claude finished @MaheshtheDev's task in 50s —— View job Review Complete
Overview: Removes obsolete bottom padding from the mobile input bar (originally for a mobile nav that no longer exists) and adjusts scroll container padding to match. Issues found: None — this looks good to ship. The changes are straightforward CSS cleanup:
The PR author has done thorough visual testing across 5 viewports confirming the input bar is flush with the viewport bottom on all sizes. Desktop behavior is explicitly unchanged ( Score: 10/10 Clean removal of dead code with proper testing. No bugs, no security concerns, no breaking changes. |
Summary
Fixes excessive bottom padding below the input bar on the mobile dashboard view.
The fixed input bar wrapper had
bottom-[4.5rem]on mobile, creating a 72px dead gap below it — originally intended for a mobile bottom nav bar that no longer exists. This change removes that offset and adjusts the scroll container padding accordingly.Changes
apps/web/app/(app)/page.tsx— Removed conditionalbottom-[4.5rem]mobile offset on the fixed input bar wrapper; now usesbottom-0unconditionallyapps/web/components/dashboard-view.tsx— Reduced mobile scroll content bottom padding frompb-32(128px) topb-20(80px) to match the new input bar positionTesting
Static Analysis
Visual Layout (Playwright headless, 5 viewports)
Measured DOM metrics for the
HomeChatComposeroverlay wrapper:Input bar is flush at the viewport bottom on all viewports. Desktop behavior unchanged.