fix: enhance card hover effect with background change
This commit is contained in:
parent
16ad425bb5
commit
2bba31dfad
1 changed files with 1 additions and 1 deletions
|
|
@ -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">
|
||||||
|
|
|
||||||
Reference in a new issue