* feat(frontend): wip * feat(frontend): Add missing stylings * feat(frontend): Add output panel doc links * feat(frontend): fix popover word break * feat(frontend): fix theme
24 lines
552 B
Svelte
24 lines
552 B
Svelte
<script lang="ts">
|
|
import { createEventDispatcher } from 'svelte'
|
|
import Button from './button/Button.svelte'
|
|
import { X } from 'lucide-svelte'
|
|
import { twMerge } from 'tailwind-merge'
|
|
|
|
export let noBg = false
|
|
export let small: boolean = false
|
|
const dispatch = createEventDispatcher()
|
|
</script>
|
|
|
|
<Button
|
|
on:click={() => dispatch('close')}
|
|
startIcon={{ icon: X }}
|
|
iconOnly
|
|
size="sm"
|
|
color="light"
|
|
btnClasses={twMerge(
|
|
'hover:bg-surface-hover rounded-full p-0',
|
|
noBg ? '' : 'bg-surface-secondary',
|
|
small ? 'w-6 h-6' : 'w-8 h-8'
|
|
)}
|
|
/>
|