aboutsummaryrefslogtreecommitdiffstats
path: root/app/src/lib/ui
diff options
context:
space:
mode:
Diffstat (limited to 'app/src/lib/ui')
-rw-r--r--app/src/lib/ui/button.svelte41
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>