feat: shadcn-style mobile menu

This commit is contained in:
enscribe 2024-09-12 19:59:13 -07:00
parent 2211c4bbf3
commit 72655a8317
No known key found for this signature in database
GPG key ID: 9BBD5C4114E25322
5 changed files with 70 additions and 8 deletions

View file

@ -16,7 +16,7 @@ const { name, avatar, bio, pronouns, github, twitter, linkedin, website } =
---
<div
class="rounded-xl border p-4 transition-colors duration-300 ease-in-out has-[a:hover]:bg-secondary/50"
class="overflow-hidden rounded-xl border p-4 transition-colors duration-300 ease-in-out has-[a:hover]:bg-secondary/50"
>
<div class="flex flex-wrap gap-4">
<Link
@ -35,7 +35,7 @@ const { name, avatar, bio, pronouns, github, twitter, linkedin, website } =
)}
/>
</Link>
<div class="flex flex-grow flex-col justify-between">
<div class="flex flex-grow flex-col justify-between gap-y-4">
<div>
<div class="flex items-center gap-2">
<h3 class="text-lg font-semibold">{name}</h3>