coracle/flotilla
1
3
Fork 9
Code Issues 32 Pull Requests 1 Actions Packages Projects 5 Releases Wiki Activity

Animate voice widget in and out

Browse Source
This commit is contained in:
mplorentz
2026-03-12 10:38:34 -04:00
committed by hodlbod
parent 504764338c
commit 588c4b9c3f
1 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/components/VoiceWidget.svelte
+5 -1
View File
@@ -1,4 +1,5 @@
<script lang="ts"> <script lang="ts">
import {fly} from "svelte/transition"
import {ifLet} from "@welshman/lib" import {ifLet} from "@welshman/lib"
import {displayRelayUrl} from "@welshman/util" import {displayRelayUrl} from "@welshman/util"
import Microphone from "@assets/icons/microphone.svg?dataurl" import Microphone from "@assets/icons/microphone.svg?dataurl"
@@ -26,7 +27,10 @@
</script> </script>
{#if $currentVoiceSession} {#if $currentVoiceSession}
<div class="flex flex-col gap-2 rounded-box bg-base-100 p-3"> <div
in:fly={{y: 60, duration: 350}}
out:fly={{y: 60, duration: 250}}
class="flex flex-col gap-2 rounded-box bg-base-100 p-3">
<div class="flex items-start justify-between gap-2"> <div class="flex items-start justify-between gap-2">
<div class="min-w-0 flex flex-col gap-0.5"> <div class="min-w-0 flex flex-col gap-0.5">
<span class="text-sm font-semibold text-success">Voice Connected</span> <span class="text-sm font-semibold text-success">Voice Connected</span>