mirror of
https://github.com/iptv-org/iptv-org.github.io.git
synced 2025-05-13 18:40:06 -04:00
Minor design update
This commit is contained in:
parent
62d1763cfa
commit
e6af359db4
14 changed files with 208 additions and 165 deletions
18
src/components/ActionButton.svelte
Normal file
18
src/components/ActionButton.svelte
Normal 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>
|
Loading…
Add table
Add a link
Reference in a new issue