hk/kunkun
1
0
Fork 0
mirror of https://github.com/kunkunsh/kunkun.git synced 2025-04-12 01:39:43 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: add zoom in for splashscreen logo

Browse Source
This commit is contained in:
Huakun Shen 2024-12-20 09:25:40 -05:00
parent 00f197fb00
commit 8ee1a13c6d
No known key found for this signature in database
1 changed files with 22 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
apps/desktop/src/routes/splashscreen/+page.svelte
View File

@ -1,8 +1,5 @@
<script lang="ts">
import Dance from "@/components/dance/dance.svelte"
import { cn } from "@/utils"
import { Command, Skeleton } from "@kksh/svelte5"
import { CustomCommandInput } from "@kksh/ui/main"
import { Layouts } from "@kksh/ui"
import { getCurrentWindow } from "@tauri-apps/api/window"
import { onMount } from "svelte"
@ -12,6 +9,24 @@
})
</script>
<main class="h-screen" data-tauri-drag-region>
<Dance class="h-full w-full" />
</main>
<Layouts.Center class="h-screen w-screen">
<div class="animate-zoom-in flex flex-col items-center justify-center gap-2 pb-20">
<img src="/favicon.png" alt="Logo" />
<h2 class="font-mono text-2xl font-extrabold">Kunkun</h2>
</div>
</Layouts.Center>
<style scoped>
.animate-zoom-in {
animation: zoom-in 0.2s ease-in-out;
}
@keyframes zoom-in {
from {
transform: scale(0);
}
to {
transform: scale(1);
}
}
</style>