hyprwm/hyprland-website
1
0
Fork 0
mirror of https://github.com/hyprwm/hyprland-website.git synced 2025-05-18 07:47:49 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

navbar: smaller font

Browse source 
Looks better
This commit is contained in:
VDawg 2024-08-02 01:09:10 +03:00
parent 36b1d58391
commit a935c162fe
1 changed files with 10 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/routes/Navbar.svelte
View file

@ -19,14 +19,14 @@
</script> </script>
<header <header
class="fixed inset-x-0 top-0 z-50 flex items-center justify-between rounded-full px-6 pt-2 duration-1000 animate-in fade-in-0 slide-in-from-top-1 fill-mode-backwards [animation-delay:0ms]" class="fixed inset-x-0 top-0 z-50 flex items-center justify-between rounded-full px-6 pt-2 text-sm duration-1000 animate-in fade-in-0 slide-in-from-top-1 fill-mode-backwards [animation-delay:0ms]"
> >
<a <a
href="/" href="/"
class="flex items-center gap-4 rounded-full bg-black/50 px-4 py-2 font-london text-sm font-bold tracking-wider text-white backdrop-blur" class="flex items-center gap-4 rounded-full bg-black/50 px-4 py-2 font-london font-bold tracking-wider text-white backdrop-blur"
> >
<HyprlandLogo class="h-8 w-6 object-contain" /> <HyprlandLogo class="h-8 w-6 object-contain" />
<span class="mt-1 text-lg tracking-widest">Hyprland</span></a <span class="mt-1 tracking-widest">Hyprland</span></a
> >
<button <button
@ -82,7 +82,12 @@
</a> </a>
</li> </li>
<li> <li>
<a href={forgejoLink} class="social-icon" aria-label="Hyprland git instance" target="_blank"> <a
href={forgejoLink}
class="social-icon"
aria-label="Hyprland git instance"
target="_blank"
>
<ForgejoIcon class="h-full w-full" /> <ForgejoIcon class="h-full w-full" />
</a> </a>
</li> </li>
@ -100,7 +105,6 @@
.nav { .nav {
/* Base classes */ /* Base classes */
font-weight: 600; font-weight: 600;
@apply text-lg;
/* Mobile classes */ /* Mobile classes */
position: absolute; position: absolute;
@ -117,7 +121,7 @@
/* Desktop classes */ /* Desktop classes */
@media screen(lg) { @media screen(lg) {
@apply relative flex h-min w-max flex-row rounded-full bg-black/40 p-2 pl-5 text-base outline outline-primary/10; @apply relative flex h-min w-max flex-row rounded-full bg-black/40 p-2 pl-5 outline outline-primary/10;
} }
} }