From 8ee1a13c6db8e54d3104eafb6a4d1b545f1997eb Mon Sep 17 00:00:00 2001
From: Huakun Shen <huakun.shen@huakunshen.com>
Date: Fri, 20 Dec 2024 09:25:40 -0500
Subject: [PATCH] feat: add zoom in for splashscreen logo

---
 .../src/routes/splashscreen/+page.svelte      | 29 ++++++++++++++-----
 1 file changed, 22 insertions(+), 7 deletions(-)

diff --git a/apps/desktop/src/routes/splashscreen/+page.svelte b/apps/desktop/src/routes/splashscreen/+page.svelte
index 2d4c6db..d764d5a 100644
--- a/apps/desktop/src/routes/splashscreen/+page.svelte
+++ b/apps/desktop/src/routes/splashscreen/+page.svelte
@@ -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>