Fix backgrounds: body uses inline var(--b2), cards use var(--b1) with var(--b3) borders

2026-07-03 12:08:35 +02:00
parent e18296d88a
commit 96c2a579ba
2 changed files with 2 additions and 3 deletions
@@ -12,8 +12,7 @@
  {#for entry in entries}
  <a href="https://musicbrainz.org/release-group/{entry.mbid}"
     target="_blank" rel="noopener noreferrer"
-     class="shadow-sm rounded-box border border-base-300 overflow-hidden"
-     style="display:flex;text-decoration:none;transition:box-shadow 0.15s;background:var(--b1)"
+     class="shadow-sm" style="display:flex;text-decoration:none;transition:box-shadow 0.15s;background:var(--b1);border:1px solid var(--b3);border-radius:0.5rem;overflow:hidden"
     onmouseover="this.style.boxShadow='0 3px 12px rgba(0,0,0,0.12)'"
     onmouseout="this.style.boxShadow=''">
    <div style="width:250px;height:250px;flex-shrink:0;overflow:hidden;background:var(--b2)">
@@ -28,7 +28,7 @@
    }
  </script>
 </head>
-<body class="min-h-screen bg-base-200">
+<body style="min-height:100vh;background:var(--b2)">
  <div style="display:flex;align-items:center;gap:1rem;padding:0.5rem 1rem;background:var(--b1);box-shadow:0 1px 3px rgba(0,0,0,0.1)">
    <div style="display:flex;align-items:center;gap:0.25rem;flex-shrink:0">
      <div class="tabs tabs-box">