diff --git a/styles.css b/styles.css index fa90dcf..c1920c5 100644 --- a/styles.css +++ b/styles.css @@ -447,8 +447,8 @@ nav{flex:1;overflow-y:auto;padding:4px 10px} display:flex;flex-direction:column; align-items:center; height:100%; - padding:env(safe-area-inset-top,20px) 32px 32px; - padding-top:max(env(safe-area-inset-top),20px); + padding:0 28px 28px; + padding-top:max(env(safe-area-inset-top),36px); gap:0; max-width:480px; margin:0 auto; @@ -458,7 +458,8 @@ nav{flex:1;overflow-y:auto;padding:4px 10px} /* Top bar */ .np-topbar{ display:flex;align-items:center;justify-content:space-between; - width:100%;margin-bottom:28px; + width:100%;margin-bottom:32px; + gap:12px; } .np-close{ background:rgba(255,255,255,.1);border:none; @@ -572,11 +573,11 @@ nav{flex:1;overflow-y:auto;padding:4px 10px} } .np-icon-btn:hover{color:#fff;background:rgba(255,255,255,.08)} /* NP tabs */ -.np-tabs{display:flex;gap:2px;background:rgba(255,255,255,.08);border-radius:20px;padding:3px} -.np-tab{background:none;border:none;color:rgba(255,255,255,.45);font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:5px 16px;border-radius:16px;cursor:pointer;transition:all .2s;font-family:var(--font)} +.np-tabs{display:flex;gap:2px;background:rgba(255,255,255,.08);border-radius:20px;padding:3px;flex:1;min-width:0} +.np-tab{background:none;border:none;color:rgba(255,255,255,.45);font-size:10px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;padding:5px 10px;border-radius:16px;cursor:pointer;transition:all .2s;font-family:var(--font);flex:1;white-space:nowrap} .np-tab.active{background:rgba(255,255,255,.15);color:#fff} /* NP queue view */ -#np-player-view{display:flex;flex-direction:column;align-items:center;width:100%;flex:1;min-height:0} +#np-player-view{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;flex:1;min-height:0} #np-queue-view{display:none;flex-direction:column;width:100%;flex:1;overflow-y:auto;padding-top:8px} .np-overlay.queue-mode #np-player-view{display:none} .np-overlay.queue-mode #np-queue-view{display:flex} diff --git a/sw.js b/sw.js index b3cc841..b486ad2 100644 --- a/sw.js +++ b/sw.js @@ -1,4 +1,4 @@ -const CACHE = 'ns-v28'; +const CACHE = 'ns-v29'; const PRECACHE = ['/', 'index.html', 'styles.css', 'app.js', 'manifest.json', 'icon.svg']; const SKIP_PATHS = ['/rest/stream', '/rest/download', '/config.js'];