diff options
| author | ivar <i@oiee.no> | 2026-06-22 00:46:09 +0200 |
|---|---|---|
| committer | ivar <i@oiee.no> | 2026-06-22 00:46:09 +0200 |
| commit | b8b6e229281be13258715870ddd0c2e1866dee12 (patch) | |
| tree | cc136a2d0c2d9c031ec0b21f62c8a9f302e0ff57 /app/src/lib/ui/button.svelte | |
| parent | 1aa60ed7f0b0af6c55df4a32bf2620934df63e6d (diff) | |
| download | sparebank1-actualbudget-b8b6e229281be13258715870ddd0c2e1866dee12.tar.xz sparebank1-actualbudget-b8b6e229281be13258715870ddd0c2e1866dee12.zip | |
Diffstat (limited to 'app/src/lib/ui/button.svelte')
| -rw-r--r-- | app/src/lib/ui/button.svelte | 41 |
1 files changed, 0 insertions, 41 deletions
diff --git a/app/src/lib/ui/button.svelte b/app/src/lib/ui/button.svelte deleted file mode 100644 index ad82f57..0000000 --- a/app/src/lib/ui/button.svelte +++ /dev/null @@ -1,41 +0,0 @@ -<script lang="ts"> - import type { HTMLButtonAttributes } from "svelte/elements"; - let { children, loading, type = "button", ...restProps }: Props = $props(); - - type Props = { - loading?: boolean; - } & HTMLButtonAttributes; -</script> - -<button {...restProps} {type}> - {@render children?.()} - {#if loading} - ... - {/if} -</button> - -<style> - button { - border: 1px solid rgba(0, 0, 0, 0.3); - background-color: rgba(0, 0, 0, 0.1); - align-items: center; - border-radius: 3px; - padding: 2px 4px; - cursor: pointer; - display: flex; - gap: 3px; - transition: 0.075s all ease; - height: fit-content; - - &:hover, - &:focus { - background-color: rgba(0, 0, 0, 0.15); - } - - &:active { - background-color: rgba(0, 0, 0, 0.2); - transform: scale(0.96); - transition: 0.15s all ease; - } - } -</style> |