chore: UI spacing tweaks, desktop scrolling fix, QR title alignment
This commit is contained in:
10
src/App.vue
10
src/App.vue
@@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user