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

2026-01-29 06:50:00 +08:00
parent 9424f829eb
commit 36df0d823a
5 changed files with 6 additions and 7 deletions
--- 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>
--- 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;
--- 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