thejayman77/upbeatBytes
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

home2: drop the darker top strip on cards (keep tints + inset photos)

Browse Source 
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
jay
2026-06-21 20:19:59 -04:00
parent e298d25c92
commit 84e251e8ec
1 changed files with 1 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/lib/components/RoomCard.svelte
+1 -7
View File
@@ -35,19 +35,13 @@
<style>
.card {
--pad: clamp(13px, 1.7vw, 18px);
--strip: 18px;
position: relative; display: flex; overflow: hidden; text-decoration: none; color: var(--ink);
background: var(--tint, var(--surface)); border: 1px solid rgba(20, 30, 45, 0.07);
border-radius: 18px; box-shadow: 0 10px 30px rgba(20, 30, 45, 0.06);
transition: transform 0.18s ease, box-shadow 0.18s ease;
padding: calc(var(--pad) + var(--strip)) var(--pad) var(--pad);
padding: var(--pad);
}
.card:hover { transform: translateY(-4px); box-shadow: 0 20px 46px rgba(20, 30, 45, 0.12); }
/* the darker color strip across the top — a touch of each tint, deepened */
.card::before {
content: ""; position: absolute; top: 0; left: 0; right: 0; height: var(--strip);
background: color-mix(in srgb, var(--tint, #e8e8e8), #0c1620 24%);
}
/* size variants — grid spans set by the page; these set the heights */
.card--large { min-height: 340px; }