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

Testing PWA install prompt

Browse source
This commit is contained in:
Dan Baker 2026-02-21 21:28:33 +00:00
parent aca0d2dc4f
commit c115121aa7
3 changed files with 127 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

37
style.css
View file

@ -608,6 +608,43 @@ input::placeholder {
opacity: 0.8;
}
/* ── Install banner ────────────────────────────────────────────────────── */
.install-banner {
display: none;
gap: 10px;
align-items: flex-start;
background: var(--accent-dim);
border: 1.5px solid color-mix(in srgb, var(--accent) 30%, transparent);
border-radius: var(--r);
padding: 12px 14px;
font-size: 0.875rem;
color: var(--text);
line-height: 1.5;
}
.install-banner.visible {
display: flex;
}
.install-banner-icon {
font-size: 1.1rem;
flex-shrink: 0;
margin-top: 1px;
}
.install-banner-close {
background: none;
border: none;
cursor: pointer;
color: var(--muted);
font-size: 0.8rem;
padding: 2px 0 0;
margin-left: auto;
flex-shrink: 0;
line-height: 1;
-webkit-tap-highlight-color: transparent;
}
/* ── Theme segmented control ───────────────────────────────────────────── */
.theme-toggle {
display: flex;