Spaces:
Running
Running
File size: 632 Bytes
6ce4ca6 8173aa6 6ce4ca6 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 |
<script lang="ts">
import { Button } from "@/components/ui/button";
interface Props {
open?: boolean;
}
let { open = $bindable(false) }: Props = $props();
$effect(() => {
console.log("render_interface");
});
</script>
<!-- Settings Trigger Button -->
<Button
variant="default"
size="sm"
onclick={() => (open = !open)}
class="group w-32 border-0 bg-orange-500 text-white transition-all duration-200 hover:bg-orange-400 dark:bg-orange-600 dark:hover:bg-orange-500"
>
<span
class={[
"mr-2 size-4 transition-transform duration-200",
"icon-[mdi--cog] group-hover:rotate-90"
]}
></span>
Settings
</Button>
|