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]} {#each exportEntries as [exportKey, exportName]}
{@const Icon = exportIcons[exportKey as keyof TargetInfo]} {@const Icon = exportIcons[exportKey as keyof TargetInfo]}
<li class="flex items-center"> <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} {exportName}
</li> </li>
{/each} {/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}`}> <div class={`flex h-11 items-center overflow-hidden rounded border text-sm ${classname}`}>
<code class="truncate px-4">{command}</code> <code class="truncate px-4">{command}</code>
<button <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={() => { onclick={() => {
navigator.clipboard.writeText(command) navigator.clipboard.writeText(command)
@ -26,10 +26,11 @@
}, 1000) }, 1000)
}} }}
> >
<span class="sr-only">Copy</span>
{#if didCopy} {#if didCopy}
<Check class="size-5" /> <Check class="size-5" aria-hidden="true" />
{:else} {:else}
<Clipboard class="size-5" /> <Clipboard class="size-5" aria-hidden="true" />
{/if} {/if}
</button> </button>
</div> </div>

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

@ -46,5 +46,5 @@
</option> </option>
{/each} {/each}
</select> </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> </div>