* feat(ui): make base dialog responsive and support sticky headers * ui: move dialog close button to the sticky header Assisted-by: pi * chore: Formatting & linting
14 lines
314 B
Svelte
14 lines
314 B
Svelte
<script lang="ts">
|
|
import { Dialog as DialogPrimitive } from 'bits-ui';
|
|
|
|
let { ref = $bindable(null), ...restProps }: DialogPrimitive.CloseProps = $props();
|
|
</script>
|
|
|
|
<DialogPrimitive.Close bind:ref data-slot="dialog-close" {...restProps} />
|
|
|
|
<style>
|
|
:global([data-dialog-close]) {
|
|
z-index: 999;
|
|
}
|
|
</style>
|