fix: bottom-nav-inner must be column not row — tabs stacked above buttons
flex-direction:row put the tab strip and icon buttons side-by-side, both fighting for 100% width, making them overflow and appear huge. Column stacks the Bibliothek/Entdecken tabs on top, icon row below. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
1 parent
1b981591d4
commit
21822b4ddf
2 files changed
+2
-2
No files matched your search
+1
-1
@@ -368,7 +368,7 @@ nav{flex:1;overflow-y:auto;padding:4px 10px}
|
|||||||
padding-bottom:env(safe-area-inset-bottom);
|
padding-bottom:env(safe-area-inset-bottom);
|
||||||
}
|
}
|
||||||
.bottom-nav-inner{
|
.bottom-nav-inner{
|
||||||
display:flex;flex-direction:row;align-items:stretch;
|
display:flex;flex-direction:column;align-items:stretch;
|
||||||
height:100%;width:100%;
|
height:100%;width:100%;
|
||||||
}
|
}
|
||||||
.bnav-item{
|
.bnav-item{
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
const CACHE = 'ns-v21';
|
const CACHE = 'ns-v22';
|
||||||
const PRECACHE = ['/', 'index.html', 'styles.css', 'app.js', 'sw.js', 'manifest.json', 'icon.svg'];
|
const PRECACHE = ['/', 'index.html', 'styles.css', 'app.js', 'sw.js', 'manifest.json', 'icon.svg'];
|
||||||
const SKIP_URLS = ['/rest/stream', '/rest/download', '/config.js'];
|
const SKIP_URLS = ['/rest/stream', '/rest/download', '/config.js'];
|
||||||
|
|
||||||
|
|||||||
Reference in new issue
Block a user