ReVanced/revanced-website
1
0
Fork 0
mirror of https://github.com/revanced/revanced-website.git synced 2025-04-29 22:24:31 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix: Correct <Button> semantics by not wrapping the content (#221)

Browse Source 
refactor: simplify <Button>
This commit is contained in:
Kendell R 2024-01-12 16:58:32 -08:00 committed by GitHub
parent 599c7c2414
commit 1ad639d60f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 17 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
src/lib/components/Button.svelte
View File

@ -6,23 +6,21 @@
export let label = '';
</script>
<button on:click>
{#if href}
<a {href} {target} {...$$restProps} class={`button-${type}`} aria-label={label}>
{#if icon}
<img src="../icons/{icon}.svg" alt={icon} />
{/if}
<slot />
</a>
{:else}
<div {...$$restProps} class={`button-${type}`} aria-label={label}>
{#if icon}
<img src="../icons/{icon}.svg" alt={icon} />
{/if}
<slot />
</div>
{/if}
</button>
{#if href}
<a {href} {target} class={`button-${type}`} aria-label={label}>
{#if icon}
<img src="../icons/{icon}.svg" alt={icon} />
{/if}
<slot />
</a>
{:else}
<button on:click class={`button-${type}`} aria-label={label}>
{#if icon}
<img src="../icons/{icon}.svg" alt={icon} />
{/if}
<slot />
</button>
{/if}
<style>
button {
@ -33,7 +31,7 @@
}
a,
div {
button {
min-width: max-content;
font-size: 0.95rem;
text-decoration: none;
@ -72,7 +70,7 @@
letter-spacing: 0.01rem;
}
div:hover,
button:hover,
a:hover {
filter: brightness(85%);
}

2
src/routes/download/+page.svelte
View File

@ -77,7 +77,6 @@
<Button
type="text"
href={data.assets[0].browser_download_url}
download
on:click={() => (warningDialogue = false)}>Okay</Button
>
</Query>
@ -100,7 +99,6 @@
type="filled"
icon="download"
href={data.assets[0].browser_download_url}
download
>
{data.metadata.tag_name}
</Button>