aljaz/opencode
1
0
Fork 0
mirror of https://github.com/aljazceru/opencode.git synced 2026-01-01 15:14:20 +01:00
Code Issues Packages Projects Releases Wiki Activity

wip: desktop starting state

Browse Source
This commit is contained in:
Adam
2025-09-17 06:46:15 -05:00
parent b1d44482bc
commit 20cb5a7c56
1 changed files with 13 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
packages/app/src/pages/index.tsx
View File

@@ -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 { Tabs } from "@/ui/tabs"
import FileTree from "@/components/file-tree" import FileTree from "@/components/file-tree"
import { createSignal, For, Match, onCleanup, onMount, Show, Switch } from "solid-js" import { createSignal, For, Match, onCleanup, onMount, Show, Switch } from "solid-js"
@@ -324,8 +324,14 @@ export default function Page() {
</div> </div>
</Show> </Show>
<div <div
class="relative"
style={`margin-left: ${local.layout.leftWidth()}px; margin-right: ${local.layout.rightPane() ? local.layout.rightWidth() : 0}px`} 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 <DragDropProvider
onDragStart={onDragStart} onDragStart={onDragStart}
onDragEnd={onDragEnd} onDragEnd={onDragEnd}
@@ -453,11 +459,14 @@ export default function Page() {
</DragDropProvider> </DragDropProvider>
<form <form
onSubmit={handleSubmit} onSubmit={handleSubmit}
class="peer/editor absolute bottom-8 z-50 flex items-center justify-center" class="peer/editor absolute inset-x-4 z-50 flex items-center justify-center"
style={`left: ${local.layout.leftWidth() + 40}px; right: ${local.layout.rightPane() ? local.layout.rightWidth() + 40 : 40}px`} classList={{
"bottom-8": !!local.file.active(),
"bottom-2/5": local.file.active() === undefined,
}}
> >
<div <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 flex flex-col gap-1
bg-gradient-to-b from-background-panel/90 to-background/90 bg-gradient-to-b from-background-panel/90 to-background/90
ring-1 ring-border-active/50 border border-transparent ring-1 ring-border-active/50 border border-transparent