feat: add view transitions for card on search page (#118)

* feat: use predictable slug for card transition

* feat: enable view transitions in search card

* refactor: use Card.tsx instead of Card.astro

* refactor: handle card styling in component

* refactor: remove unused class name

---------

Co-authored-by: Sat Naing <satnaingdev@gmail.com>
This commit is contained in:
Tanishq Manuja
2023-09-18 14:24:16 +05:30
committed by Sat Naing
parent a060cb5c87
commit 6c7d04fa12
7 changed files with 22 additions and 40 deletions
-12
View File
@@ -128,16 +128,4 @@
.focus-outline {
@apply outline-2 outline-offset-1 outline-skin-fill focus-visible:no-underline focus-visible:outline-dashed;
}
/* Card */
.list-card {
@apply my-6;
}
.list-card > a {
@apply inline-block text-lg font-medium text-skin-accent decoration-dashed underline-offset-4 focus-visible:no-underline focus-visible:underline-offset-0;
}
.list-card h2,
.list-card h3 {
@apply text-lg font-medium decoration-dashed hover:underline;
}
}