diff --git a/public/style.css b/public/style.css index 86f6d0d..abfcde3 100644 --- a/public/style.css +++ b/public/style.css @@ -797,3 +797,7 @@ body.nav-mini .ngrp span { display: none; } .vhero::before { content: ''; position: absolute; inset: -8px -16px 0 -16px; z-index: -1; background: radial-gradient(120% 90% at 20% 0, color-mix(in srgb, var(--vtint) 45%, transparent), transparent 70%); pointer-events: none; transition: background .5s; } .vempty { grid-column: 1 / -1; display: grid; justify-items: center; gap: 8px; padding: 36px 12px; color: var(--muted); } .vempty svg { width: 40px; height: 40px; opacity: .6; } kbd { display: inline-block; padding: 1px 7px; border: 1px solid var(--line); border-bottom-width: 2px; border-radius: 6px; background: var(--panel2); font: 12px ui-monospace, Menlo, monospace; } +/* every poster in a row is the same size (a row has no grid to size them) */ +.vrow > .vcard:not(.wide) { flex: none; width: 130px; } +@media (min-width: 768px) { .vrow > .vcard:not(.wide) { width: 150px; } } +.vrow > .vcard:not(.wide) .vimg { aspect-ratio: 2/3; } diff --git a/public/sw.js b/public/sw.js index dc3150c..8ba9f89 100644 --- a/public/sw.js +++ b/public/sw.js @@ -1,5 +1,5 @@ // App-shell cache only; Seafile/API traffic always goes to the network. -const CACHE = 'hub-v23'; +const CACHE = 'hub-v24'; const SHARE = 'hub-share'; // files shared into the app from other apps, held until the person picks a folder const SHELL = ['/icon.svg', '/manifest.webmanifest', '/icons/icon-192.png', '/icons/apple-touch-icon.png'];