chore: UI spacing tweaks, desktop scrolling fix, QR title alignment

This commit is contained in:
2026-02-27 19:43:12 +00:00
parent 1765742574
commit d2ea9e3fc7
4 changed files with 24 additions and 14 deletions

View File

@@ -67,17 +67,17 @@ onUnmounted(() => {
.main-content {
flex: 1;
padding: 2rem;
padding: 1rem;
width: 100%;
max-width: 100%;
/* Space for fixed footer on mobile + extra margin (match top padding 2rem + footer height ~40px) */
padding-bottom: calc(2rem + 40px + env(safe-area-inset-bottom));
padding-bottom: calc(1rem + 40px + env(safe-area-inset-bottom));
}
@media (max-width: 640px) {
.main-content {
padding: 1rem;
padding-bottom: calc(1rem + 40px + env(safe-area-inset-bottom));
padding: 0.5rem;
padding-bottom: calc(0.5rem + 40px + env(safe-area-inset-bottom));
}
}
@@ -89,7 +89,7 @@ onUnmounted(() => {
.main-content {
overflow: visible;
height: auto;
padding-bottom: 2rem;
padding-bottom: 1rem;
}
}