Update.

Browse Source
This commit is contained in:
retoor 2026-01-03 22:37:12 +01:00
parent 1bcb9e38b4
commit 7e75f62219
1 changed files with 31 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
static/css/mobile.css
View File

@ -68,10 +68,12 @@
opacity: 0; opacity: 0;
transition: opacity 0.3s ease; transition: opacity 0.3s ease;
-webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent;
pointer-events: none;
} }
.sidebar-overlay.visible { .sidebar-overlay.visible {
opacity: 1; opacity: 1;
pointer-events: auto;
} }
/* Pull to Refresh Indicator */ /* Pull to Refresh Indicator */
@ -183,14 +185,22 @@
height: var(--header-height-mobile); height: var(--header-height-mobile);
padding: 0 8px; padding: 0 8px;
padding-top: var(--safe-area-inset-top); padding-top: var(--safe-area-inset-top);
flex-wrap: nowrap;
}
.header-left {
flex-shrink: 0;
display: flex;
align-items: center;
} }
.app-title { .app-title {
font-size: 1.25rem; font-size: 1.125rem;
} }
.header-center { .header-center {
flex: 1; flex: 1;
min-width: 0;
max-width: none; max-width: none;
margin: 0 8px; margin: 0 8px;
} }
@ -201,7 +211,8 @@
} }
.header-right { .header-right {
gap: 8px; flex-shrink: 0;
gap: 4px;
} }
.header-right .user-info { .header-right .user-info {
@ -211,7 +222,8 @@
.header-right .button { .header-right .button {
min-width: var(--touch-target-min); min-width: var(--touch-target-min);
min-height: var(--touch-target-min); min-height: var(--touch-target-min);
padding: 8px 12px; padding: 8px 10px;
font-size: 0.875rem;
} }
.app-body { .app-body {
@ -290,21 +302,27 @@
} }
.app-footer { .app-footer {
padding: 16px; padding: 12px 16px;
padding-bottom: calc(16px + var(--safe-area-inset-bottom)); padding-bottom: calc(12px + var(--safe-area-inset-bottom));
} }
.footer-links { .footer-links {
flex-wrap: wrap; flex-wrap: wrap;
gap: 8px 16px; gap: 2px 10px;
justify-content: center; justify-content: center;
} }
.footer-links li a { .footer-links li a {
font-size: 0.75rem; font-size: 0.65rem;
min-height: var(--touch-target-min); min-height: 32px;
display: flex; display: flex;
align-items: center; align-items: center;
padding: 4px 0;
}
.footer-text {
font-size: 0.65rem;
margin-top: 8px;
} }
/* File List Mobile */ /* File List Mobile */
@ -340,10 +358,14 @@
} }
.file-item { .file-item {
min-height: 64px; flex-direction: row;
align-items: center;
min-height: 56px;
padding: 12px 16px; padding: 12px 16px;
background-color: var(--accent-color); background-color: var(--accent-color);
gap: 12px; gap: 12px;
border-radius: 0;
border: none;
} }
.file-item-checkbox { .file-item-checkbox {