Re-work relays page

This commit is contained in:
Jon Staab
2024-10-03 11:49:52 -07:00
parent 9834a31511
commit 73a9b46f91
12 changed files with 259 additions and 91 deletions
+27
View File
@@ -0,0 +1,27 @@
<script lang="ts">
import {slide} from '@lib/transition'
import Icon from '@lib/components/Icon.svelte'
const toggle = () => {
isOpen = !isOpen
}
let isOpen = false
</script>
<div class="flex flex-col gap-4 relative {$$props.class}">
<button
type="button"
class="absolute top-8 right-8 cursor-pointer w-4 h-4 transition-all"
class:rotate-90={!isOpen}
on:click={toggle}>
<Icon icon="alt-arrow-down" />
</button>
<slot name="title" />
<slot name="description" />
{#if isOpen}
<div transition:slide>
<slot />
</div>
{/if}
</div>