forked from open-webui/open-webui
added animations
This commit is contained in:
parent
e1e1cb9fd4
commit
4bb5b3db0a
4 changed files with 46 additions and 12 deletions
|
@ -1,10 +1,9 @@
|
|||
<script lang="ts">
|
||||
import Modal from '../common/Modal.svelte';
|
||||
import { Confetti } from 'svelte-confetti';
|
||||
import { WEBUI_NAME, WEB_UI_VERSION, RELEASE_NOTES } from '$lib/constants';
|
||||
import { config, showWhatsChanged } from '$lib/stores';
|
||||
|
||||
export let show = false;
|
||||
|
||||
function toggleVisibility() {
|
||||
showWhatsChanged.update((value) => !value);
|
||||
}
|
||||
|
@ -13,7 +12,10 @@
|
|||
<Modal>
|
||||
<div class="px-5 py-4 dark:text-gray-300">
|
||||
<div class="flex justify-between items-start">
|
||||
<div class="text-xl font-bold">{WEBUI_NAME}</div>
|
||||
<div class="text-xl font-bold">
|
||||
{WEBUI_NAME}
|
||||
<Confetti x={[-1, -0.25]} y={[0, 0.5]} />
|
||||
</div>
|
||||
<button class="self-center" on:click={toggleVisibility}>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
|
@ -67,6 +69,3 @@
|
|||
</div>
|
||||
</div>
|
||||
</Modal>
|
||||
|
||||
<style>
|
||||
</style>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue