gazesys/website
gazesys/website
1
0
Fork 1
Code Actions Releases 1 Activity

refactor: remove a div in navbutton

Browse Source
This commit is contained in:
dusk 2024-09-23 16:14:15 +03:00
parent bed776c54a
commit 2fcffed6f1
Signed by: dusk
SSH Key Fingerprint: SHA256:Abmvag+juovVufZTxyWY8KcVgrznxvBjQpJesv071Aw
1 changed files with 15 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/components/navButton.svelte
View File

@ -5,26 +5,23 @@
export let iconUri: string; export let iconUri: string;
</script> </script>
<div <a
class=" class="
max-w-36 p-0.5 pr-1.5 border-ralsei-white border-4 max-w-36 p-0.5 pr-1.5 border-ralsei-white border-4
{highlight {highlight
? 'min-w-36 bg-gradient-to-l to-ralsei-pink-neon/30 from-ralsei-pink-regular/20 from-30% border-ridge motion-safe:animate-pulse hover:animate-none' ? 'min-w-36 bg-gradient-to-l to-ralsei-pink-neon/30 from-ralsei-pink-regular/20 from-30% border-ridge motion-safe:animate-pulse hover:animate-none'
: 'w-fit border-double hover:border-solid motion-safe:hover:animate-bounce hover:underline'} : 'w-fit border-double hover:border-solid motion-safe:hover:animate-bounce hover:underline'}
" flex gap-1 items-center justify-center align-middle text-center
> {highlight ? 'text-ralsei-pink-regular app-selected-route' : 'text-ralsei-green-light'}
<a
class="
flex gap-1 items-center justify-center align-middle text-center h-full
{highlight
? 'text-ralsei-pink-regular app-selected-route'
: 'text-ralsei-green-light'}
" "
title={name} title={name}
href="/{href}" href="/{href}"
data-sveltekit-preload-data="hover" data-sveltekit-preload-data="hover"
> >
<img class="max-w-4" style="image-rendering: pixelated;" src={iconUri} alt={name} /> <img class="max-w-4" style="image-rendering: pixelated;" src={iconUri} alt={name} />
<div class="font-monospace text-sm/3 overflow-hidden text-ellipsis text-nowrap [text-decoration-line:inherit]">{name}</div> <div
</a> class="font-monospace text-sm/3 overflow-hidden text-ellipsis text-nowrap [text-decoration-line:inherit]"
</div> >
{name}
</div>
</a>