ritual/status-poster
ritual/status-poster
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Tweaking PWA styles

Browse source
This commit is contained in:
Dan Baker 2026-02-21 21:08:23 +00:00
parent c35e2fa6a6
commit aca0d2dc4f
1 changed files with 4 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

6
style.css
View file

@ -102,7 +102,7 @@ body {
.app { .app {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
min-height: 100vh; height: 100dvh;
max-width: 480px; max-width: 480px;
margin: 0 auto; margin: 0 auto;
} }
@ -198,6 +198,8 @@ header {
/* ── Main content ──────────────────────────────────────────────────────── */ /* ── Main content ──────────────────────────────────────────────────────── */
main { main {
flex: 1; flex: 1;
min-height: 0;
overflow-y: auto;
padding: 28px 20px; padding: 28px 20px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -412,7 +414,7 @@ input::placeholder {
position: fixed; position: fixed;
bottom: calc(24px + var(--safe-b)); bottom: calc(24px + var(--safe-b));
left: 50%; left: 50%;
transform: translateX(-50%) translateY(80px); transform: translateX(-50%) translateY(calc(100% + var(--safe-b) + 30px));
background: var(--text); background: var(--text);
color: var(--bg); color: var(--bg);
padding: 11px 22px; padding: 11px 22px;