This commit is contained in:
tree🌴 2023-04-25 10:40:08 +02:00
parent e86ebdecc6
commit 51ec67bf3c
3 changed files with 8 additions and 5 deletions

View file

@ -199,6 +199,6 @@
@apply transition-all duration-200; @apply transition-all duration-200;
} }
.person-item { .person-item {
@apply cursor-help transition-all duration-1000; @apply cursor-help transition-all duration-500;
} }
} }

View file

@ -22,7 +22,10 @@
<div class="grid gap-4 grid-cols-2 md:grid-cols-3 lg:grid-cols-5"> <div class="grid gap-4 grid-cols-2 md:grid-cols-3 lg:grid-cols-5">
{#each items.map(getPerson) as item} {#each items.map(getPerson) as item}
<div class=" hover:bg-white hover:text-black person-item" on:mouseenter={animateSpeaker}> <div
class=" hover:bg-white hover:text-black person-item border border-white/30"
on:mouseenter={animateSpeaker}
>
<div> <div>
<img src="/people/{item.img}" class="grayscale invert aspect-square object-cover w-full" /> <img src="/people/{item.img}" class="grayscale invert aspect-square object-cover w-full" />
</div> </div>

View file

@ -151,16 +151,16 @@
<div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-6 lg:gap-12"> <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-6 lg:gap-12">
{#each badges as badge} {#each badges as badge}
<div <div
class="justify-center text-center badge pt-4 {userBadges?.badges && class="justify-center text-center badge p-4 border border-white/30 hover:border-white border-dashed {userBadges?.badges &&
userBadges?.badges[badge?.id]?.eligible userBadges?.badges[badge?.id]?.eligible
? 'bg-white text-black eligible' ? 'bg-white text-black eligible'
: ' border-gray-800'}" : ''}"
on:mouseenter={animateSection(30)} on:mouseenter={animateSection(30)}
> >
<div class="mb-6 text-center"> <div class="mb-6 text-center">
<img <img
src={badge.img} src={badge.img}
class="w-20 h-28 lg:w-32 lg:h-32 {connected && class="w-2/5 aspect-square {connected &&
userBadges && userBadges &&
userBadges.badges[badge.id]?.eligible userBadges.badges[badge.id]?.eligible
? '' ? ''