Handle scrolling on calendar

This commit is contained in:
Jon Staab
2025-02-05 17:05:41 -08:00
parent db69c56f57
commit 6a3a02bc34
3 changed files with 97 additions and 36 deletions
+4 -3
View File
@@ -1,15 +1,16 @@
<script lang="ts">
interface Props {
children?: import("svelte").Snippet
class?: string
}
const {children}: Props = $props()
const {children, ...props}: Props = $props()
</script>
<div class="flex items-center gap-2 p-2 text-xs uppercase opacity-50">
<div class="h-px flex-grow bg-base-content opacity-25"></div>
<div class="h-px flex-grow bg-base-content opacity-25 {props.class}"></div>
{#if children}
<p>{@render children?.()}</p>
<div class="h-px flex-grow bg-base-content opacity-25"></div>
<div class="h-px flex-grow bg-base-content opacity-25 {props.class}"></div>
{/if}
</div>