Match html bg to navbar color to hide scrollbar gutter gap

This commit is contained in:
2026-07-03 21:51:38 +02:00
parent 6924301d02
commit a10afc9891
@@ -9,11 +9,11 @@
<style> <style>
#search-wrapper { position: relative; width: 100%; } #search-wrapper { position: relative; width: 100%; }
#search-results { position: absolute; top: 100%; left: 0; right: 0; z-index: 50; } #search-results { position: absolute; top: 100%; left: 0; right: 0; z-index: 50; }
html { scrollbar-gutter: stable; }
main { max-width: 1100px; margin: 0 auto; padding: 1.5rem 1rem; } main { max-width: 1100px; margin: 0 auto; padding: 1.5rem 1rem; }
.icon-sm { width: 16px; height: 16px; flex-shrink: 0; } .icon-sm { width: 16px; height: 16px; flex-shrink: 0; }
.icon-xs { width: 12px; height: 12px; flex-shrink: 0; } .icon-xs { width: 12px; height: 12px; flex-shrink: 0; }
.icon-lg { width: 48px; height: 48px; flex-shrink: 0; } .icon-lg { width: 48px; height: 48px; flex-shrink: 0; }
html { overflow-y: scroll; background: var(--fallback-b3, oklch(var(--b3)/1)); }
.card-shadow { box-shadow: 0 4px 12px rgba(0,0,0,0.15); } .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); } .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); } .dropdown-shadow { box-shadow: 0 8px 24px rgba(0,0,0,0.3); }