MadHouse-Labs/file-uploader
2
0
Fork 0
Code Issues Pull requests Packages Activity Actions

disabled style for buttons

Browse source
This commit is contained in:
cirroskais 2024-04-25 20:30:01 -04:00
parent 9655fc6bae
commit 9a4013a953
No known key found for this signature in database
GPG key ID: 5FC73EBF2678E33D
4 changed files with 9 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/lib/components/Inputs/Button.svelte
View file

@ -11,7 +11,7 @@
{disabled} {disabled}
> >
<div <div
class="flex p-2 space-x-2 rounded-lg border-b-2 transition-colors hadow-md bg-crust border-overlay2" class="flex p-2 space-x-2 rounded-lg border-b-2 transition-colors hadow-md bg-crust border-overlay2 hover:border-overlay0 group-disabled/button:border-overlay0 group-disabled/button:hover:border-overlay0"
> >
<slot /> <slot />
</div> </div>

5
src/lib/components/Inputs/ButtonIcon.svelte
View file

@ -1,6 +1,3 @@
<div <div class="group-disabled/button:text-overlay1">
class="group-disabled/button:text-neutral-500/50
"
>
<slot /> <slot />
</div> </div>

5
src/lib/components/Inputs/ButtonText.svelte
View file

@ -1,6 +1,3 @@
<p <p class="group-disabled/button:text-overlay1">
class="group-disabled/button:text-neutral-500/50
"
>
<slot /> <slot />
</p> </p>

6
src/routes/(app)/dashboard/+page.svelte
View file

@ -1,6 +1,8 @@
<script> <script>
import { user } from '$lib/stores'; import { user } from '$lib/stores';
import ThemeSwitcher from '$lib/components/ThemeSwitcher.svelte'; import ThemeSwitcher from '$lib/components/ThemeSwitcher.svelte';
import Button from '../../../lib/components/Inputs/Button.svelte';
import ButtonText from '../../../lib/components/Inputs/ButtonText.svelte';
export let data; export let data;
@ -12,3 +14,7 @@
{JSON.stringify($user)} {JSON.stringify($user)}
</tt> </tt>
</p> </p>
<Button disabled={true}>
<ButtonText>help</ButtonText>
</Button>