fix: PWA display issues (#653)

* feat: re-apply PWA changes from previous PR

* feat: adjust padding on pages for mobile

* fix: Add position relative to netWorthChart to avoid overflow issues on mobile

* fix: Add safe-area to progress bar

* feat: add missing class on html

* fix: Replace touch-none with overscroll-none
This commit is contained in:
Alessio Cappa
2026-01-15 12:53:35 +01:00
committed by GitHub
parent 5d6abf7b48
commit fabd60c098
10 changed files with 17 additions and 18 deletions

View File

@@ -4,9 +4,9 @@
<%= render "settings/settings_nav" %>
</div>
<main class="px-4 pt-2 md:py-4 md:px-10 grow flex h-full overflow-y-auto">
<main class="grow flex h-full">
<div class="relative max-w-4xl mx-auto flex flex-col w-full h-full">
<div class="grow space-y-4 overflow-y-auto -mx-1 px-1 pb-12">
<div class="grow space-y-4 overflow-y-auto px-3 md:px-10 pt-2 md:py-4 pb-20 overscroll-contain [-webkit-overflow-scrolling:touch]">
<% if content_for?(:breadcrumbs) %>
<%= yield :breadcrumbs %>
<% else %>
@@ -23,7 +23,7 @@
<%= settings_nav_footer_mobile %>
</div>
<div class="mt-4">
<div class="my-4">
<%= settings_nav_footer %>
</div>
</div>