qyg2297248353/svgl
qyg2297248353/svgl
1
0
Fork 0
mirror of https://github.com/pheralb/svgl.git synced 2025-02-06 06:58:04 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

♿️ Add discernible labels to navbar links

Browse Source
This commit is contained in:
Miguel Ángel Durán 2024-01-17 19:23:19 +01:00
parent fae5d8543b
commit cc012324e6
1 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/navbar.svelte
View File

@ -27,13 +27,15 @@
name: 'Extensions', name: 'Extensions',
url: 'https://github.com/pheralb/svgl?tab=readme-ov-file#-extensions', url: 'https://github.com/pheralb/svgl?tab=readme-ov-file#-extensions',
icon: ArrowUpRight, icon: ArrowUpRight,
external: true external: true,
label: "Go to the SVGL's extensions section"
}, },
{ {
name: 'Submit logo', name: 'Submit logo',
url: 'https://github.com/pheralb/svgl#-getting-started', url: 'https://github.com/pheralb/svgl#-getting-started',
icon: ArrowUpRight, icon: ArrowUpRight,
external: true external: true,
label: "Go to the SVGL's getting started section"
} }
]; ];
</script> </script>
@ -48,7 +50,7 @@
> >
<div class="flex items-center justify-between mx-auto"> <div class="flex items-center justify-between mx-auto">
<div class="flex items-center space-x-2"> <div class="flex items-center space-x-2">
<a href="/"> <a href="/" aria-label="Back to the SVGL home page">
<div class="flex items-center space-x-2 hover:opacity-80 transition-opacity"> <div class="flex items-center space-x-2 hover:opacity-80 transition-opacity">
<svelte:component this={Logo} /> <svelte:component this={Logo} />
<span class="text-[19px] font-medium tracking-wide hidden md:block">svgl</span> <span class="text-[19px] font-medium tracking-wide hidden md:block">svgl</span>
@ -64,6 +66,7 @@
<a <a
href={link.url} href={link.url}
target={link.external ? '_blank' : ''} target={link.external ? '_blank' : ''}
aria-label={link.label ?? link.name}
class={cn( class={cn(
'flex items-center hover:opacity-80 transition-opacity text-[15px] pl-2 md:pl-3 group', 'flex items-center hover:opacity-80 transition-opacity text-[15px] pl-2 md:pl-3 group',
currentPath === link.url && currentPath === link.url &&