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

tweak(ui): bump button heights and align permission prompt layout

Browse Source
This commit is contained in:
David Hill
2026-02-17 16:51:48 +00:00
parent ea96f898c0
commit b784c923a8
5 changed files with 344 additions and 135 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
packages/ui/src/components/button.css
View File

@@ -109,7 +109,7 @@
}
&[data-size="small"] {
height: 22px;
height: 24px;
padding: 0 8px;
&[data-icon] {
padding: 0 12px 0 4px;
@@ -129,8 +129,8 @@
}
&[data-size="normal"] {
height: 24px;
line-height: 24px;
height: 28px;
line-height: 28px;
padding: 0 6px;
&[data-icon] {
padding: 0 12px 0 4px;

21
packages/ui/src/components/message-part.css
View File

@@ -745,6 +745,11 @@
align-items: center;
gap: 8px;
justify-content: flex-end;
[data-component="button"] {
padding-left: 12px;
padding-right: 12px;
}
}
}
@@ -756,6 +761,22 @@
min-height: 0;
max-height: var(--question-prompt-max-height, 100dvh);
&[data-permission="true"] {
[data-slot="question-options"] {
code {
font-size: 14px;
line-height: var(--line-height-large);
}
}
[data-slot="question-footer-actions"] {
[data-component="button"] {
padding-left: 12px;
padding-right: 12px;
}
}
}
[data-slot="question-body"] {
display: flex;
flex-direction: column;

6
packages/ui/src/components/message-part.tsx
View File

@@ -891,13 +891,13 @@ PART_MAPPING["tool"] = function ToolPartDisplay(props) {
<Show when={showPermission() && permission()}>
<div data-component="permission-prompt">
<div data-slot="permission-actions">
<Button variant="ghost" size="small" onClick={() => respond("reject")}>
<Button variant="ghost" size="normal" onClick={() => respond("reject")}>
{i18n.t("ui.permission.deny")}
</Button>
<Button variant="secondary" size="small" onClick={() => respond("always")}>
<Button variant="secondary" size="normal" onClick={() => respond("always")}>
{i18n.t("ui.permission.allowAlways")}
</Button>
<Button variant="primary" size="small" onClick={() => respond("once")}>
<Button variant="primary" size="normal" onClick={() => respond("once")}>
{i18n.t("ui.permission.allowOnce")}
</Button>
</div>