pesde-pkg/pesde
1
1
Fork 0
mirror of https://github.com/pesde-pkg/pesde.git synced 2025-05-04 10:33:47 +01:00
Code Issues Projects Releases Packages Wiki Activity

feat(website): fix accessibility issues

Browse source
This commit is contained in:
LukaDev 2024-10-14 11:47:28 +02:00
parent 00fd62ba1e
commit 6c774ad920
3 changed files with 6 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
website/src/routes/packages/[scope]/[name]/[[version]]/[[target]]/+layout.svelte
View file

@ -93,7 +93,7 @@
{#each exportEntries as [exportKey, exportName]}
{@const Icon = exportIcons[exportKey as keyof TargetInfo]}
<li class="flex items-center">
<Icon class="text-primary mr-2 size-5" />
<Icon aria-hidden="true" class="text-primary mr-2 size-5" />
{exportName}
</li>
{/each}

7
website/src/routes/packages/[scope]/[name]/[[version]]/[[target]]/Command.svelte
View file

@ -14,7 +14,7 @@
<div class={`flex h-11 items-center overflow-hidden rounded border text-sm ${classname}`}>
<code class="truncate px-4">{command}</code>
<button
class="ml-auto flex size-11 items-center justify-center border-l bg-card/40 hover:bg-card/60"
class="bg-card/40 hover:bg-card/60 ml-auto flex size-11 items-center justify-center border-l"
onclick={() => {
navigator.clipboard.writeText(command)
@ -26,10 +26,11 @@
}, 1000)
}}
>
<span class="sr-only">Copy</span>
{#if didCopy}
<Check class="size-5" />
<Check class="size-5" aria-hidden="true" />
{:else}
<Clipboard class="size-5" />
<Clipboard class="size-5" aria-hidden="true" />
{/if}
</button>
</div>

2
website/src/routes/packages/[scope]/[name]/[[version]]/[[target]]/TargetSelector.svelte
View file

@ -46,5 +46,5 @@
</option>
{/each}
</select>
<ChevronDownIcon class="pointer-events-none absolute right-4 h-5 w-5" />
<ChevronDownIcon aria-hidden="true" class="pointer-events-none absolute right-4 h-5 w-5" />
</div>