diff options
Diffstat (limited to 'app/src/lib/ui')
| -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> |
