diff options
Diffstat (limited to 'code/app/src/components')
| -rw-r--r-- | code/app/src/components/button.svelte | 24 |
1 files changed, 12 insertions, 12 deletions
diff --git a/code/app/src/components/button.svelte b/code/app/src/components/button.svelte index d573d01..f92be97 100644 --- a/code/app/src/components/button.svelte +++ b/code/app/src/components/button.svelte @@ -5,7 +5,7 @@ <script lang="ts"> import pwKey from "$actions/pwKey"; - import {SpinnerIcon} from "./icons"; + import { SpinnerIcon } from "./icons"; export let kind = "primary" as ButtonKind; export let size = "md" as ButtonSize; @@ -75,30 +75,30 @@ {#if href} <a - use:pwKey={_pwKey} - {...shared_props} - {href} - class="{sizeClasses} {kindClasses} {loading ? 'disabled:' : ''} {$$restProps.class ?? ''} {fullWidth + use:pwKey={_pwKey} + {...shared_props} + {href} + class="{sizeClasses} {kindClasses} {loading ? 'disabled:' : ''} {$$restProps.class ?? ''} {fullWidth ? 'w-full justify-center' - : ''} inline-flex items-center border font-medium rounded shadow-sm focus:outline-none focus:ring-2" + : ''} disabled:cursor-not-allowed inline-flex items-center border font-medium rounded shadow-sm focus:outline-none focus:ring-2" > {#if loading} - <SpinnerIcon class={spinnerTextClasses + " " + spinnerMarginClasses}/> + <SpinnerIcon class={spinnerTextClasses + " " + spinnerMarginClasses} /> {/if} {text} </a> {:else} <button - use:pwKey={_pwKey} - {...shared_props} - on:click - class="btn {sizeClasses} {kindClasses} {$$restProps.class ?? ''} + use:pwKey={_pwKey} + {...shared_props} + on:click + class="btn {sizeClasses} {kindClasses} {$$restProps.class ?? ''} {fullWidth ? 'w-full justify-center' : ''} inline-flex items-center border font-medium rounded shadow-sm focus:outline-none focus:ring-2" > {#if loading} - <SpinnerIcon class={spinnerTextClasses + " " + spinnerMarginClasses}/> + <SpinnerIcon class={spinnerTextClasses + " " + spinnerMarginClasses} /> {/if} {text} </button> |