ReVanced/revanced-website
1
0
Fork 0
mirror of https://github.com/ReVanced/revanced-website.git synced 2026-01-28 21:31:04 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: Use icon library instead of SVGs (#271)

Browse Source
This commit is contained in:
madkärma
2024-12-21 19:22:13 +01:00
committed by GitHub
parent b068c38661
commit f73f54a926
30 changed files with 118 additions and 139 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,23 +1,16 @@
<script lang="ts">
export let type: 'filled' | 'tonal' | 'text' | 'outlined';
export let icon = '';
export let href = '';
export let target = '';
export let label = '';
export let href: string = '';
export let target: string = '';
export let label: string = '';
</script>
{#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}
@@ -74,8 +67,4 @@
a:hover {
filter: brightness(85%);
}
img {
height: 20px;
}
</style>