mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/imputnet/cobalt.git synced 2025-01-30 02:08:28 +00:00
Code Issues Actions 9 Packages Projects Releases Wiki Activity

web/ClearButton: fix rendering bug in safari & clean up

Browse source
This commit is contained in:
wukko 2024-07-23 12:13:40 +06:00
parent 0225a7c46c
commit ee162aa236
No known key found for this signature in database
GPG key ID: 3E30B3F26C7B4AA2
1 changed files with 15 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
web/src/components/save/buttons/ClearButton.svelte
View file

@ -1,12 +1,16 @@
<script>
import { t } from "$lib/i18n/translations";
import IconX from '@tabler/icons-svelte/IconX.svelte';
import IconX from "@tabler/icons-svelte/IconX.svelte";
export let click;
</script>
<button id="clear-button" on:click={click} aria-label={$t("a11y.save.clearInput")}>
<IconX color="var(--secondary)" size="16px"/>
<button
id="clear-button"
on:click={click}
aria-label={$t("a11y.save.clearInput")}
>
<IconX />
</button>
<style>
@ -14,4 +18,12 @@
padding: 3px;
border-radius: 100%;
}
#clear-button :global(svg) {
width: 16px;
height: 16px;
stroke-width: 2px;
stroke: var(--secondary);
will-change: transform;
}
</style>