diff options
| author | David Hill <[email protected]> | 2026-01-17 21:41:01 +0000 |
|---|---|---|
| committer | David Hill <[email protected]> | 2026-01-17 21:46:23 +0000 |
| commit | 0384e6b0e15a4ea033c09da8fd9742f9ead8b8a6 (patch) | |
| tree | ca3cb040255a89f8f2787be1f2bea208694dca17 | |
| parent | c3d33562c705445e258648bb0d34e94fea7fe68f (diff) | |
| download | opencode-0384e6b0e15a4ea033c09da8fd9742f9ead8b8a6.tar.gz opencode-0384e6b0e15a4ea033c09da8fd9742f9ead8b8a6.zip | |
fix: update desktop initializing splash logo
| -rw-r--r-- | packages/desktop/src/index.tsx | 5 | ||||
| -rw-r--r-- | packages/ui/src/components/logo.tsx | 15 |
2 files changed, 17 insertions, 3 deletions
diff --git a/packages/desktop/src/index.tsx b/packages/desktop/src/index.tsx index 8398f4577..0d9e38379 100644 --- a/packages/desktop/src/index.tsx +++ b/packages/desktop/src/index.tsx @@ -12,7 +12,7 @@ import { relaunch } from "@tauri-apps/plugin-process" import { AsyncStorage } from "@solid-primitives/storage" import { fetch as tauriFetch } from "@tauri-apps/plugin-http" import { Store } from "@tauri-apps/plugin-store" -import { Logo } from "@opencode-ai/ui/logo" +import { Splash } from "@opencode-ai/ui/logo" import { createSignal, Show, Accessor, JSX, createResource, onMount, onCleanup } from "solid-js" import { UPDATER_ENABLED } from "./updater" @@ -357,8 +357,7 @@ function ServerGate(props: { children: (data: Accessor<ServerReadyData>) => JSX. when={serverData.state !== "pending" && serverData()} fallback={ <div class="h-screen w-screen flex flex-col items-center justify-center bg-background-base"> - <Logo class="w-xl opacity-12 animate-pulse" /> - <div class="mt-8 text-14-regular text-text-weak">Initializing...</div> + <Splash class="w-16 h-20 opacity-50 animate-pulse" /> </div> } > diff --git a/packages/ui/src/components/logo.tsx b/packages/ui/src/components/logo.tsx index 5ddf3fba3..26f312bda 100644 --- a/packages/ui/src/components/logo.tsx +++ b/packages/ui/src/components/logo.tsx @@ -13,6 +13,21 @@ export const Mark = (props: { class?: string }) => { ) } +export const Splash = (props: { class?: string }) => { + return ( + <svg + data-component="logo-splash" + classList={{ [props.class ?? ""]: !!props.class }} + viewBox="0 0 80 100" + fill="none" + xmlns="http://www.w3.org/2000/svg" + > + <path d="M60 80H20V40H60V80Z" fill="var(--icon-base)" /> + <path d="M60 20H20V80H60V20ZM80 100H0V0H80V100Z" fill="var(--icon-strong-base)" /> + </svg> + ) +} + export const Logo = (props: { class?: string }) => { return ( <svg |