Minor design update

This commit is contained in:
freearhey 2023-10-05 07:36:07 +03:00
parent 62d1763cfa
commit e6af359db4
14 changed files with 208 additions and 165 deletions

View file

@ -0,0 +1,18 @@
<script>
export let disabled = false
</script>
<button
{...$$restProps}
class="rounded-md transition-colors duration-200 border border-transparent text-white text-sm font-semibold text-center px-4 h-10 flex items-center justify-center w-full"
class:bg-gray-200={disabled}
class:bg-primary-600={!disabled}
class:dark:bg-gray-700={disabled}
class:dark:hover:bg-primary-500={!disabled}
class:hover:bg-gray-200={disabled}
class:hover:bg-primary-700={!disabled}
class:pointer-events-none={disabled}
on:click
>
<slot />
</button>