youwen5/site
1
0
Fork 0
mirror of https://github.com/youwen5/site.git synced 2024-11-24 17:33:51 -08:00
Code Issues Projects Releases Packages Wiki Activity Actions

refactor: change popovers in social to be semantically correct

Browse source
This commit is contained in:
Youwen Wu 2024-04-04 01:09:08 -07:00
parent 21b3778f87
commit 10e181a89b
Signed by: youwen5
GPG key ID: 865658ED1FE61EC3
2 changed files with 19 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
src/lib/components/Socials.svelte
View file

@ -56,8 +56,13 @@
<LinkedinLogo />
</Button>
<Popover.Root>
<Popover.Trigger>
<Button class="hover:scale-110 transition-transform" variant="ghost" size="icon">
<Popover.Trigger asChild let:builder>
<Button
class="hover:scale-110 transition-transform"
variant="ghost"
size="icon"
builders={[builder]}
>
<DiscordLogo />
</Button>
</Popover.Trigger>
@ -70,8 +75,13 @@
</Popover.Content>
</Popover.Root>
<Popover.Root>
<Popover.Trigger>
<Button class="hover:scale-110 transition-transform" variant="ghost" size="icon">
<Popover.Trigger asChild let:builder>
<Button
class="hover:scale-110 transition-transform"
variant="ghost"
size="icon"
builders={[builder]}
>
<EnvelopeClosed />
</Button>
</Popover.Trigger>

10
src/routes/+page.svelte
View file

@ -22,11 +22,11 @@
</Typewriter>
<div class="text-2xl md:text-3xl font-medium mt-10 text-center">
<Typewriter cursor mode="loop">
<p>a student.</p>
<p>a programmer.</p>
<p>a math enthusiast.</p>
<p>a musician.</p>
<p>a hacker.</p>
<h2>a student.</h2>
<h2>a programmer.</h2>
<h2>a math enthusiast.</h2>
<h2>a musician.</h2>
<h2>a hacker.</h2>
</Typewriter>
<br />
<Typewriter mode="scramble" scrambleDuration={1000}>