Mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/wukko/cobalt.git synced 2025-02-03 00:46:19 +01:00
Code Issues Projects Releases Packages 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> <script>
import { t } from "$lib/i18n/translations"; 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; export let click;
</script> </script>
<button id="clear-button" on:click={click} aria-label={$t("a11y.save.clearInput")}> <button
<IconX color="var(--secondary)" size="16px"/> id="clear-button"
on:click={click}
aria-label={$t("a11y.save.clearInput")}
>
<IconX />
</button> </button>
<style> <style>
@ -14,4 +18,12 @@
padding: 3px; padding: 3px;
border-radius: 100%; border-radius: 100%;
} }
#clear-button :global(svg) {
width: 16px;
height: 16px;
stroke-width: 2px;
stroke: var(--secondary);
will-change: transform;
}
</style> </style>