Peer-at-Code/peer-at-code-web
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

fix: semantic & target blank

Browse source
This commit is contained in:
Théo 2023-09-24 21:57:30 +02:00
parent 7bdf176611
commit 24a626bbeb
1 changed files with 77 additions and 86 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

31
src/lib/components/Sidenav.svelte
View file

@ -80,14 +80,13 @@
}}
href={item.slug}
class={cn(
'flex justify-center rounded-md px-3 py-3 text-sm transition-colors duration-150 lg:justify-start',
'flex items-center justify-center gap-2 rounded-md px-3 py-3 text-sm transition-colors duration-150 lg:justify-start',
{
'bg-primary-700': isActive(item.slug),
'group hover:bg-primary-700': !isActive(item.slug)
}
)}
>
<div class="flex items-center gap-2">
<svelte:component
this={item.icon}
class={cn({
@ -105,7 +104,6 @@
>
{item.name}
</span>
</div>
</a>
</li>
{/each}
@ -118,22 +116,17 @@
<ul class="flex flex-col gap-4">
<li>
<span
class="group pointer-events-none flex justify-center rounded-md px-3 py-3 text-sm opacity-50 transition-colors duration-150 lg:justify-start"
class="group pointer-events-none flex items-center justify-center gap-2 rounded-md px-3 py-3 text-sm opacity-50 transition-colors duration-150 lg:justify-start"
>
<div class="flex items-center gap-2">
<Help class="stroke-highlight-secondary transition-colors duration-150" />
<span
class={cn(
'hidden text-highlight-secondary transition-colors duration-150 lg:block',
{
class={cn('hidden text-highlight-secondary transition-colors duration-150 lg:block', {
'block sm:hidden': isOpen,
hidden: !isOpen
}
)}
})}
>
Aide
</span>
</div>
</span>
</li>
<li>
@ -142,9 +135,8 @@
isOpen = false;
}}
href="mailto:cyberbottle@peerat.dev"
class="group flex justify-center rounded-md px-3 py-3 text-sm transition-colors duration-150 hover:bg-primary-700 lg:justify-start"
class="group flex items-center justify-center gap-2 rounded-md px-3 py-3 text-sm transition-colors duration-150 hover:bg-primary-700 lg:justify-start"
>
<div class="flex items-center gap-2">
<Mail
class="stroke-highlight-secondary transition-colors duration-150 group-hover:stroke-primary-0"
/>
@ -159,7 +151,6 @@
>
Mail
</span>
</div>
</a>
</li>
<li>
@ -168,9 +159,10 @@
isOpen = false;
}}
href="//discord.gg/72vuHcwUkE"
class="group flex justify-center rounded-md px-3 py-3 text-sm transition-colors duration-150 hover:bg-primary-700 lg:justify-start"
target="_blank"
rel="noopener"
class="group flex items-center justify-center gap-2 rounded-md px-3 py-3 text-sm transition-colors duration-150 hover:bg-primary-700 lg:justify-start"
>
<div class="flex items-center gap-2">
<Discord
class="fill-highlight-secondary transition-colors duration-150 group-hover:fill-primary-0"
/>
@ -185,7 +177,6 @@
>
Discord
</span>
</div>
</a>
</li>
<li>
@ -194,9 +185,10 @@
isOpen = false;
}}
href="//git.peerat.dev"
class="group flex justify-center rounded-md px-3 py-3 text-sm transition-colors duration-150 hover:bg-primary-700 lg:justify-start"
target="_blank"
rel="noopener"
class="group flex items-center justify-center gap-2 rounded-md px-3 py-3 text-sm transition-colors duration-150 hover:bg-primary-700 lg:justify-start"
>
<div class="flex items-center gap-2">
<Git
class="stroke-highlight-secondary transition-colors duration-150 group-hover:stroke-primary-0"
/>
@ -211,7 +203,6 @@
>
Git
</span>
</div>
</a>
</li>
</ul>