Rough out chat

This commit is contained in:
Jon Staab
2024-10-08 11:39:16 -07:00
parent 7ffd02b736
commit 8698dcc359
59 changed files with 833 additions and 437 deletions
+4 -4
View File
@@ -1,6 +1,6 @@
<script lang="ts">
import {slide} from '@lib/transition'
import Icon from '@lib/components/Icon.svelte'
import {slide} from "@lib/transition"
import Icon from "@lib/components/Icon.svelte"
const toggle = () => {
isOpen = !isOpen
@@ -9,10 +9,10 @@
let isOpen = false
</script>
<div class="flex flex-col gap-4 relative {$$props.class}">
<div class="relative flex flex-col gap-4 {$$props.class}">
<button
type="button"
class="absolute top-8 right-8 cursor-pointer w-4 h-4 transition-all"
class="absolute right-8 top-8 h-4 w-4 cursor-pointer transition-all"
class:rotate-90={!isOpen}
on:click={toggle}>
<Icon icon="alt-arrow-down" />