whisper-money/resources/js/layouts
Víctor Falcón 6671d89ea1
fix(layout): keep bottom padding while floating nav is visible (#537)
## Problem

On mobile we pad the bottom of pages so content clears the floating nav
bar.

That bar isn't mobile-only though. It stays visible up to the `md`
breakpoint (`md:hidden`, so below 768px). The padding stopped earlier,
at `sm` (`sm:pb-0`, 640px and up). Between 640 and 768px the bar showed
with nothing behind it and overlapped page content.

## Fix

Move the padding breakpoint from `sm` to `md`, so the padding lasts
exactly as long as the bar does:

```diff
- className="pt-safe overflow-x-hidden pb-[90px] sm:pb-0"
+ className="pt-safe overflow-x-hidden pb-[90px] md:pb-0"
```

Both flip at `md` now.

## Testing

Only a Tailwind class swap, no JS changed. Resize the window between 640
and 768px: the nav no longer covers content.
2026-06-15 18:23:26 +02:00
..
app fix(layout): keep bottom padding while floating nav is visible (#537) 2026-06-15 18:23:26 +02:00
auth Set up a fresh Laravel app 2025-11-07 12:01:36 +00:00
settings feat(open-banking): remove feature flag gating (#297) 2026-04-17 10:20:05 +02:00
app-layout.tsx Remove encryption from bank account names (#104) 2026-02-09 14:15:26 +01:00
auth-layout.tsx Set up a fresh Laravel app 2025-11-07 12:01:36 +00:00
onboarding-layout.tsx feat(ai): suggest automation rules during onboarding (#523) 2026-06-13 22:51:15 +02:00