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

feat: decrease border radius in navbar links

Browse source
This commit is contained in:
Youwen Wu 2024-05-05 22:57:53 -07:00
parent b111ddc4ed
commit cfddabd336
Signed by: youwen5
GPG key ID: 865658ED1FE61EC3
1 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/lib/components/Navbar/Navbar.svelte
View file

@ -37,22 +37,22 @@
<div class="gap-4 lg:gap-14 justify-around align-middle hidden md:flex tracking-tight"> <div class="gap-4 lg:gap-14 justify-around align-middle hidden md:flex tracking-tight">
<a <a
href="/" href="/"
class="text-lg border-b-4 sm:text-xl md:text-2xl font-medium text-primary px-2 py-1 rounded-2xl hover:bg-zinc-200 dark:hover:bg-zinc-800 transition-all duration-300 border-b-secondary" class="text-lg border-b-4 sm:text-xl md:text-2xl font-medium text-primary px-2 py-1 rounded-xl hover:bg-zinc-200 dark:hover:bg-zinc-800 transition-all duration-300 border-b-secondary"
class:selected={current === 'home'}>Home</a class:selected={current === 'home'}>Home</a
> >
<a <a
href="/about" href="/about"
class="text-lg border-b-4 sm:text-xl md:text-2xl font-medium text-primary px-2 py-1 rounded-2xl hover:bg-zinc-200 dark:hover:bg-zinc-800 transition-all duration-300 border-b-secondary" class="text-lg border-b-4 sm:text-xl md:text-2xl font-medium text-primary px-2 py-1 rounded-xl hover:bg-zinc-200 dark:hover:bg-zinc-800 transition-all duration-300 border-b-secondary"
class:selected={current === 'about'}>About</a class:selected={current === 'about'}>About</a
> >
<a <a
href="/portfolio" href="/portfolio"
class="text-lg border-b-4 sm:text-xl md:text-2xl font-medium text-primary px-2 py-1 rounded-2xl hover:bg-zinc-200 dark:hover:bg-zinc-800 transition-all duration-300 border-b-secondary" class="text-lg border-b-4 sm:text-xl md:text-2xl font-medium text-primary px-2 py-1 rounded-xl hover:bg-zinc-200 dark:hover:bg-zinc-800 transition-all duration-300 border-b-secondary"
class:selected={current === 'portfolio'}>Portfolio</a class:selected={current === 'portfolio'}>Portfolio</a
> >
<a <a
href="/blog" href="/blog"
class="text-lg border-b-4 sm:text-xl md:text-2xl font-medium text-primary px-2 py-1 rounded-2xl hover:bg-zinc-200 dark:hover:bg-zinc-800 transition-all duration-300 border-b-secondary" class="text-lg border-b-4 sm:text-xl md:text-2xl font-medium text-primary px-2 py-1 rounded-xl hover:bg-zinc-200 dark:hover:bg-zinc-800 transition-all duration-300 border-b-secondary"
class:selected={current === 'blog'}>Blog</a class:selected={current === 'blog'}>Blog</a
> >
<ThemePicker let:builder> <ThemePicker let:builder>