improve card ui

This commit is contained in:
pa
2026-03-08 01:02:41 +09:00
parent 6efa86f5a1
commit 4596ac4737
7 changed files with 329 additions and 52 deletions
@@ -241,16 +241,17 @@
display: grid;
gap: calc(14px * var(--card-scale) * var(--card-spacing));
border-radius: 8px;
transition:
box-shadow 0.2s ease,
transform 0.2s ease;
transition: background-color 0.15s ease;
width: 100%;
max-width: var(--friend-card-target-width, 220px);
min-width: var(--friend-card-min-width, 220px);
box-sizing: border-box;
&:hover {
transform: translateY(calc(-2px * var(--card-scale)));
background-color: var(--accent);
box-shadow:
0 4px 6px -1px rgb(0 0 0 / 0.1),
0 2px 4px -2px rgb(0 0 0 / 0.1);
}
}