droideparanoico/discdrop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix scrollbar gap: navbar ::after pseudo-element extends bg into gutter

Browse Source
This commit is contained in:
droideparanoico
2026-07-03 21:56:28 +02:00
parent 0ce089f062
commit 476c39c1bb
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/main/resources/templates/layouts/base.html
+3 -2
View File
@@ -14,8 +14,9 @@
.icon-xs { width: 12px; height: 12px; flex-shrink: 0; }
.icon-lg { width: 48px; height: 48px; flex-shrink: 0; }
html { overflow-y: scroll; }
html:root { background: var(--fallback-b3, oklch(var(--b3)/1)); }
body { margin: 0; }
.navbar { position: relative; }
.navbar::after { content: ''; position: absolute; right: calc(-1 * (100vw - 100%)); top: 0; width: calc(100vw - 100%); height: 100%; background: var(--fallback-b3, oklch(var(--b3)/1)); pointer-events: none; }
.card-shadow { box-shadow: 0 4px 12px rgba(0,0,0,0.15); }
.card-shadow:hover { box-shadow: 0 6px 20px rgba(0,0,0,0.25); }
.dropdown-shadow { box-shadow: 0 8px 24px rgba(0,0,0,0.3); }
@@ -33,7 +34,7 @@
</script>
</head>
<body class="min-h-screen bg-base-100">
<div class="navbar bg-base-300 shadow-lg" style="min-height:3.5rem;display:flex;align-items:center;justify-content:center;width:100vw">
<div class="navbar bg-base-300 shadow-lg" style="min-height:3.5rem;display:flex;align-items:center;justify-content:center">
<div style="display:flex;align-items:center;width:100%;max-width:1100px;padding:0 1rem;gap:2rem">
<a href="/" class="font-bold text-lg text-base-content no-underline" style="flex-shrink:0">DiscDrop</a>
<div style="flex:1;display:flex;justify-content:center">