feat: enhance curated card interactions with tap-to-toggle functionality for mobile and improved hover effects for desktop
All checks were successful
continuous-integration/drone/push Build is passing

This commit is contained in:
George Birikorang 2025-09-16 01:03:42 -07:00
parent 4baf19983a
commit 60ffd31b68
3 changed files with 140 additions and 40 deletions

View file

@ -1879,6 +1879,18 @@ video {
padding-bottom: 0.5rem;
}
.pb-6 {
padding-bottom: 1.5rem;
}
.pb-4 {
padding-bottom: 1rem;
}
.pt-0 {
padding-top: 0px;
}
.text-left {
text-align: left;
}
@ -2999,10 +3011,26 @@ video {
height: 64px;
}
.lg\:h-\[70vh\] {
height: 70vh;
}
.lg\:h-screen {
height: 100vh;
}
.lg\:max-h-screen {
max-height: 100vh;
}
.lg\:min-h-\[64px\] {
min-height: 64px;
}
.lg\:min-h-screen {
min-height: 100vh;
}
.lg\:w-36 {
width: 9rem;
}
@ -3099,12 +3127,26 @@ video {
gap: 1rem;
}
.lg\:gap-10 {
gap: 2.5rem;
}
.lg\:space-y-6 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.lg\:space-y-10 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
}
.lg\:self-center {
align-self: center;
}
.lg\:overflow-visible {
overflow: visible;
}
@ -3114,6 +3156,11 @@ video {
padding-right: 0px;
}
.lg\:py-0 {
padding-top: 0px;
padding-bottom: 0px;
}
.lg\:pr-2 {
padding-right: 0.5rem;
}
@ -3164,6 +3211,14 @@ video {
font-size: 1rem;
line-height: 1.5rem;
}
.lg\:leading-snug {
line-height: 1.375;
}
.lg\:leading-tight {
line-height: 1.25;
}
}
@media (min-width: 1280px) {