monadical/opencode
14
0
Fork 0
Code Issues Pull Requests Actions 5 Packages Projects Releases Wiki Activity

fix(app): adjust prompt input positioning - 12px from bottom/right, remove session panel bottom padding

Browse Source
This commit is contained in:
David Hill
2026-01-24 17:05:59 +00:00
parent ac204ed89d
commit 9759afad83
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/app/src/components/prompt-input.tsx
View File

@@ -1954,7 +1954,7 @@ export const PromptInput: Component<PromptInputProps> = (props) => {
</Match> </Match>
</Switch> </Switch>
</div> </div>
<div class="flex items-center gap-3 absolute right-2 bottom-2"> <div class="flex items-center gap-3 absolute right-3 bottom-3">
<input <input
ref={fileInputRef} ref={fileInputRef}
type="file" type="file"

6
packages/app/src/pages/session.tsx
View File

@@ -1444,7 +1444,7 @@ export default function Page() {
<div <div
classList={{ classList={{
"@container relative shrink-0 flex flex-col min-h-0 h-full bg-background-stronger": true, "@container relative shrink-0 flex flex-col min-h-0 h-full bg-background-stronger": true,
"flex-1 md:flex-none py-6 md:py-3": true, "flex-1 md:flex-none pt-6 md:pt-3": true,
}} }}
style={{ style={{
width: isDesktop() && showTabs() ? `${layout.session.width()}px` : "100%", width: isDesktop() && showTabs() ? `${layout.session.width()}px` : "100%",
@@ -1663,11 +1663,11 @@ export default function Page() {
{/* Prompt input */} {/* Prompt input */}
<div <div
ref={(el) => (promptDock = el)} ref={(el) => (promptDock = el)}
class="absolute inset-x-0 bottom-0 pt-12 pb-4 md:pb-6 flex flex-col justify-center items-center z-50 px-4 md:px-0 bg-gradient-to-t from-background-stronger via-background-stronger to-transparent pointer-events-none" class="absolute inset-x-0 bottom-0 pt-12 pb-3 flex flex-col justify-center items-center z-50 px-4 md:px-0 bg-gradient-to-t from-background-stronger via-background-stronger to-transparent pointer-events-none"
> >
<div <div
classList={{ classList={{
"w-full md:px-6 pointer-events-auto": true, "w-full px-3 pointer-events-auto": true,
"md:max-w-200": !showTabs(), "md:max-w-200": !showTabs(),
}} }}
> >