mirror of
https://github.com/kunkunsh/kunkun.git
synced 2025-04-13 02:04:34 +00:00
b4afcaac6c
* fix: change icon in manifest * refactor(ui): move BorderBeam component to ui package and update imports * feat(ui): add new animation components and keyframes utility * chore(deps): remove svelte-motion and related dependencies * chore(deps): add svelte-motion and related dependencies * fix(ui): eslint * fix: extension store demo image display * fix(ui): go to settings item in dropdown menu * format
33 lines
1023 B
Svelte
33 lines
1023 B
Svelte
<script lang="ts">
|
|
import { appState } from "@/stores"
|
|
import { cn } from "@/utils"
|
|
import { Button } from "@kksh/svelte5"
|
|
import { BorderBeam, Constants, Layouts, TauriLink } from "@kksh/ui"
|
|
import { goto } from "$app/navigation"
|
|
import { ArrowLeftIcon, LoaderCircleIcon } from "lucide-svelte"
|
|
import Dance from "../dance/dance.svelte"
|
|
|
|
let { class: className }: { class?: string } = $props()
|
|
|
|
function goHome() {
|
|
appState.setFullScreenLoading(false)
|
|
goto("/app")
|
|
}
|
|
</script>
|
|
|
|
<Layouts.Center class={cn("flex h-screen flex-col items-center justify-center", className)}>
|
|
<Button
|
|
variant="outline"
|
|
size="icon"
|
|
onclick={goHome}
|
|
class={cn(Constants.CLASSNAMES.BACK_BUTTON, "absolute left-4 top-4")}
|
|
data-flip-id={Constants.CLASSNAMES.BACK_BUTTON}
|
|
>
|
|
<ArrowLeftIcon class="size-4" />
|
|
</Button>
|
|
<Dance class="absolute z-50 h-screen opacity-20" />
|
|
<LoaderCircleIcon class="h-24 w-24 animate-spin" />
|
|
<span class="font-mono">Loading</span>
|
|
<BorderBeam size={150} duration={12} />
|
|
</Layouts.Center>
|