fix: enhance card hover effect with background change

This commit is contained in:
Face 2025-05-23 16:34:26 +03:00
parent 16ad425bb5
commit 2bba31dfad

View file

@ -91,7 +91,7 @@
<div class="grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3"> <div class="grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3">
{#each coins.slice(0, 6) as coin} {#each coins.slice(0, 6) as coin}
<a href={`/coin/${coin.symbol}`} class="block"> <a href={`/coin/${coin.symbol}`} class="block">
<Card.Root class="h-full transition-shadow hover:shadow-md"> <Card.Root class="hover:bg-card/50 h-full transition-shadow hover:shadow-md transition-all">
<Card.Header> <Card.Header>
<Card.Title class="flex items-center justify-between"> <Card.Title class="flex items-center justify-between">
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">