diff options
Diffstat (limited to 'packages/ui')
| -rw-r--r-- | packages/ui/src/components/button.css | 6 | ||||
| -rw-r--r-- | packages/ui/src/components/message-part.css | 21 | ||||
| -rw-r--r-- | packages/ui/src/components/message-part.tsx | 6 |
3 files changed, 27 insertions, 6 deletions
diff --git a/packages/ui/src/components/button.css b/packages/ui/src/components/button.css index 465ebd880..28f597f8a 100644 --- a/packages/ui/src/components/button.css +++ b/packages/ui/src/components/button.css @@ -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; diff --git a/packages/ui/src/components/message-part.css b/packages/ui/src/components/message-part.css index ede7f5c90..d8a35c0f1 100644 --- a/packages/ui/src/components/message-part.css +++ b/packages/ui/src/components/message-part.css @@ -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; diff --git a/packages/ui/src/components/message-part.tsx b/packages/ui/src/components/message-part.tsx index 2f75c1807..4db5508bf 100644 --- a/packages/ui/src/components/message-part.tsx +++ b/packages/ui/src/components/message-part.tsx @@ -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> |