diff options
| author | secondl1ght <[email protected]> | 2022-07-22 14:34:18 -0600 |
|---|---|---|
| committer | secondl1ght <[email protected]> | 2022-07-22 14:34:18 -0600 |
| commit | b6907bfae1a96f1d1ef99c7575598ca591c0d6d7 (patch) | |
| tree | 32b282c954b9714474cd5a7c7021f101a4007853 | |
| parent | 1961bd14ad478120f5e0600891a66c3cfccab575 (diff) | |
| download | coinos-ui-b6907bfae1a96f1d1ef99c7575598ca591c0d6d7.tar.gz coinos-ui-b6907bfae1a96f1d1ef99c7575598ca591c0d6d7.zip | |
update chevron icon so it uses currentColor
| -rw-r--r-- | src/routes/receive.svelte | 24 | ||||
| -rw-r--r-- | static/icons/chevron-left-white.svg | 3 |
2 files changed, 17 insertions, 10 deletions
diff --git a/src/routes/receive.svelte b/src/routes/receive.svelte index 92138005..8d0e95fa 100644 --- a/src/routes/receive.svelte +++ b/src/routes/receive.svelte @@ -5,7 +5,6 @@ let useFiat = true; let amountFiat = 0; let amountSats = 0; - let deleteActive = false; const numPad = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '.', '0', '<']; </script> @@ -33,12 +32,23 @@ {#if value === '<'} <button class="bg-primary rounded-xl py-4 px-8 font-semibold active:bg-black active:text-white" - on:mousedown={() => (deleteActive = true)} - on:mouseup={() => (deleteActive = false)} - ><Icon - icon={deleteActive ? 'chevron-left-white' : 'chevron-left'} - style="w-5" - /></button + > + <svg + class="w-5" + width="24" + height="24" + viewBox="0 0 24 24" + fill="none" + xmlns="http://www.w3.org/2000/svg" + > + <path + d="M15 19L8 12L15 5" + stroke="currentColor" + stroke-width="2" + stroke-linecap="round" + stroke-linejoin="round" + /> + </svg></button > {:else} <button diff --git a/static/icons/chevron-left-white.svg b/static/icons/chevron-left-white.svg deleted file mode 100644 index c73054bf..00000000 --- a/static/icons/chevron-left-white.svg +++ /dev/null @@ -1,3 +0,0 @@ -<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> -<path d="M15 19L8 12L15 5" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> -</svg> |
