diff options
| author | Adam <[email protected]> | 2025-09-17 06:46:15 -0500 |
|---|---|---|
| committer | Adam <[email protected]> | 2025-09-19 07:18:38 -0500 |
| commit | 20cb5a7c5657db6efe0cfed3e0de09dbb3d7bd2b (patch) | |
| tree | 1f8dd974a3e81ac5a0d035d8c8b6659a8d9ff2a9 | |
| parent | b1d44482bce357db7385aa3a6549cfac2737b1e7 (diff) | |
| download | opencode-20cb5a7c5657db6efe0cfed3e0de09dbb3d7bd2b.tar.gz opencode-20cb5a7c5657db6efe0cfed3e0de09dbb3d7bd2b.zip | |
wip: desktop starting state
| -rw-r--r-- | packages/app/src/pages/index.tsx | 17 |
1 files changed, 13 insertions, 4 deletions
diff --git a/packages/app/src/pages/index.tsx b/packages/app/src/pages/index.tsx index 5922b28db..11ea3163f 100644 --- a/packages/app/src/pages/index.tsx +++ b/packages/app/src/pages/index.tsx @@ -1,4 +1,4 @@ -import { FileIcon, Icon, IconButton, Tooltip } from "@/ui" +import { FileIcon, Icon, IconButton, Logo, Tooltip } from "@/ui" import { Tabs } from "@/ui/tabs" import FileTree from "@/components/file-tree" import { createSignal, For, Match, onCleanup, onMount, Show, Switch } from "solid-js" @@ -324,8 +324,14 @@ export default function Page() { </div> </Show> <div + class="relative" style={`margin-left: ${local.layout.leftWidth()}px; margin-right: ${local.layout.rightPane() ? local.layout.rightWidth() : 0}px`} > + <Logo + size={64} + variant="ornate" + class="absolute top-2/5 left-1/2 transform -translate-x-1/2 -translate-y-1/2" + /> <DragDropProvider onDragStart={onDragStart} onDragEnd={onDragEnd} @@ -453,11 +459,14 @@ export default function Page() { </DragDropProvider> <form onSubmit={handleSubmit} - class="peer/editor absolute bottom-8 z-50 flex items-center justify-center" - style={`left: ${local.layout.leftWidth() + 40}px; right: ${local.layout.rightPane() ? local.layout.rightWidth() + 40 : 40}px`} + class="peer/editor absolute inset-x-4 z-50 flex items-center justify-center" + classList={{ + "bottom-8": !!local.file.active(), + "bottom-2/5": local.file.active() === undefined, + }} > <div - class="w-full max-w-2xl min-w-1/2 p-2 mx-auto rounded-lg isolate backdrop-blur-xs + class="w-full max-w-xl min-w-0 p-2 mx-auto rounded-lg isolate backdrop-blur-xs flex flex-col gap-1 bg-gradient-to-b from-background-panel/90 to-background/90 ring-1 ring-border-active/50 border border-transparent |