Fix backgrounds: body uses inline var(--b2), cards use var(--b1) with var(--b3) borders
This commit is contained in:
@@ -12,8 +12,7 @@
|
|||||||
{#for entry in entries}
|
{#for entry in entries}
|
||||||
<a href="https://musicbrainz.org/release-group/{entry.mbid}"
|
<a href="https://musicbrainz.org/release-group/{entry.mbid}"
|
||||||
target="_blank" rel="noopener noreferrer"
|
target="_blank" rel="noopener noreferrer"
|
||||||
class="shadow-sm rounded-box border border-base-300 overflow-hidden"
|
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"
|
||||||
style="display:flex;text-decoration:none;transition:box-shadow 0.15s;background:var(--b1)"
|
|
||||||
onmouseover="this.style.boxShadow='0 3px 12px rgba(0,0,0,0.12)'"
|
onmouseover="this.style.boxShadow='0 3px 12px rgba(0,0,0,0.12)'"
|
||||||
onmouseout="this.style.boxShadow=''">
|
onmouseout="this.style.boxShadow=''">
|
||||||
<div style="width:250px;height:250px;flex-shrink:0;overflow:hidden;background:var(--b2)">
|
<div style="width:250px;height:250px;flex-shrink:0;overflow:hidden;background:var(--b2)">
|
||||||
|
|||||||
@@ -28,7 +28,7 @@
|
|||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
</head>
|
</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: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 style="display:flex;align-items:center;gap:0.25rem;flex-shrink:0">
|
||||||
<div class="tabs tabs-box">
|
<div class="tabs tabs-box">
|
||||||
|
|||||||
Reference in New Issue
Block a user