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

fix(app): alignment and padding in dialogs (#10866)

Browse Source
This commit is contained in:
Alex Yaroshuk
2026-01-29 06:50:00 +08:00
committed by GitHub
parent 9424f829eb
commit 36df0d823a
5 changed files with 6 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
packages/app/src/components/dialog-select-file.tsx
View File

@@ -196,7 +196,6 @@ export function DialogSelectFile(props: { mode?: DialogSelectFileMode; onOpenFil
: language.t("palette.search.placeholder"), : language.t("palette.search.placeholder"),
autofocus: true, autofocus: true,
hideIcon: true, hideIcon: true,
class: "pl-3 pr-2 !mb-0",
}} }}
emptyMessage={language.t("palette.empty")} emptyMessage={language.t("palette.empty")}
loadingMessage={language.t("common.loading")} loadingMessage={language.t("common.loading")}
@@ -224,7 +223,7 @@ export function DialogSelectFile(props: { mode?: DialogSelectFileMode; onOpenFil
</div> </div>
} }
> >
<div class="w-full flex items-center justify-between gap-4 pl-1"> <div class="w-full flex items-center justify-between gap-4">
<div class="flex items-center gap-2 min-w-0"> <div class="flex items-center gap-2 min-w-0">
<span class="text-14-regular text-text-strong whitespace-nowrap">{item.title}</span> <span class="text-14-regular text-text-strong whitespace-nowrap">{item.title}</span>
<Show when={item.description}> <Show when={item.description}>

2
packages/app/src/components/dialog-select-model.tsx
View File

@@ -187,7 +187,7 @@ export function ModelSelectorPopover<T extends ValidComponent = "div">(props: {
<Kobalte.Portal> <Kobalte.Portal>
<Kobalte.Content <Kobalte.Content
ref={(el) => setStore("content", el)} ref={(el) => setStore("content", el)}
class="w-72 h-80 flex flex-col rounded-md border border-border-base bg-surface-raised-stronger-non-alpha shadow-md z-50 outline-none overflow-hidden" class="w-72 h-80 flex flex-col p-2 rounded-md border border-border-base bg-surface-raised-stronger-non-alpha shadow-md z-50 outline-none overflow-hidden"
onEscapeKeyDown={(event) => { onEscapeKeyDown={(event) => {
setStore("dismiss", "escape") setStore("dismiss", "escape")
setStore("open", false) setStore("open", false)

2
packages/ui/src/components/dialog.tsx
View File

@@ -60,7 +60,7 @@ export function Dialog(props: DialogProps) {
</div> </div>
</Show> </Show>
<Show when={props.description}> <Show when={props.description}>
<Kobalte.Description data-slot="dialog-description">{props.description}</Kobalte.Description> <Kobalte.Description data-slot="dialog-description" style={{ "margin-left": "-4px" }}>{props.description}</Kobalte.Description>
</Show> </Show>
<div data-slot="dialog-body">{props.children}</div> <div data-slot="dialog-body">{props.children}</div>
</Kobalte.Content> </Kobalte.Content>

2
packages/ui/src/components/list.css
View File

@@ -187,7 +187,7 @@
[data-slot="list-header"] { [data-slot="list-header"] {
display: flex; display: flex;
z-index: 10; z-index: 10;
padding: 8px 12px 8px 12px; padding: 8px 12px 8px 8px;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
align-self: stretch; align-self: stretch;

4
packages/ui/src/components/list.tsx
View File

@@ -264,8 +264,8 @@ export function List<T>(props: ListProps<T> & { ref?: (ref: ListRef) => void })
/> />
</Show> </Show>
</div> </div>
{searchAction()} {searchAction()}
</div> </div>
</Show> </Show>
<div ref={setScrollRef} data-slot="list-scroll"> <div ref={setScrollRef} data-slot="list-scroll">
<Show <Show