summaryrefslogtreecommitdiffhomepage
path: root/packages/ui/src
diff options
context:
space:
mode:
authorAlex Yaroshuk <[email protected]>2026-01-29 06:50:00 +0800
committerGitHub <[email protected]>2026-01-28 16:50:00 -0600
commit36df0d823a3b477486b8678810a63a6ec0fd027d (patch)
tree92d9bc58b0c32a1bfed561ee102eed32ccb6cc27 /packages/ui/src
parent9424f829eb675b86543bc201fae4f0b3ed2b4f9a (diff)
downloadopencode-36df0d823a3b477486b8678810a63a6ec0fd027d.tar.gz
opencode-36df0d823a3b477486b8678810a63a6ec0fd027d.zip
fix(app): alignment and padding in dialogs (#10866)
Diffstat (limited to 'packages/ui/src')
-rw-r--r--packages/ui/src/components/dialog.tsx2
-rw-r--r--packages/ui/src/components/list.css2
-rw-r--r--packages/ui/src/components/list.tsx4
3 files changed, 4 insertions, 4 deletions
diff --git a/packages/ui/src/components/dialog.tsx b/packages/ui/src/components/dialog.tsx
index 8aa9315e0..190f33b5d 100644
--- a/packages/ui/src/components/dialog.tsx
+++ b/packages/ui/src/components/dialog.tsx
@@ -60,7 +60,7 @@ export function Dialog(props: DialogProps) {
</div>
</Show>
<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>
<div data-slot="dialog-body">{props.children}</div>
</Kobalte.Content>
diff --git a/packages/ui/src/components/list.css b/packages/ui/src/components/list.css
index c30d410f6..b12d30415 100644
--- a/packages/ui/src/components/list.css
+++ b/packages/ui/src/components/list.css
@@ -187,7 +187,7 @@
[data-slot="list-header"] {
display: flex;
z-index: 10;
- padding: 8px 12px 8px 12px;
+ padding: 8px 12px 8px 8px;
justify-content: space-between;
align-items: center;
align-self: stretch;
diff --git a/packages/ui/src/components/list.tsx b/packages/ui/src/components/list.tsx
index 2132897f7..746990690 100644
--- a/packages/ui/src/components/list.tsx
+++ b/packages/ui/src/components/list.tsx
@@ -264,8 +264,8 @@ export function List<T>(props: ListProps<T> & { ref?: (ref: ListRef) => void })
/>
</Show>
</div>
- {searchAction()}
- </div>
+ {searchAction()}
+ </div>
</Show>
<div ref={setScrollRef} data-slot="list-scroll">
<Show