diff options
| author | David Hill <[email protected]> | 2025-12-16 10:54:50 +0000 |
|---|---|---|
| committer | David Hill <[email protected]> | 2025-12-16 10:54:50 +0000 |
| commit | 2330ec6dc3000ae8b86810e9d59b414ad4f05f47 (patch) | |
| tree | 396d6b91d25d324aa643050e7fd5b13c046d5757 /packages | |
| parent | a0c0e2b5c3b5041389ba025ed7858cb9f2b3fe00 (diff) | |
| download | opencode-2330ec6dc3000ae8b86810e9d59b414ad4f05f47.tar.gz opencode-2330ec6dc3000ae8b86810e9d59b414ad4f05f47.zip | |
fix: font size updates
Diffstat (limited to 'packages')
| -rw-r--r-- | packages/desktop/src/pages/layout.tsx | 6 | ||||
| -rw-r--r-- | packages/ui/src/components/message-part.css | 7 | ||||
| -rw-r--r-- | packages/ui/src/components/session-turn.css | 13 |
3 files changed, 16 insertions, 10 deletions
diff --git a/packages/desktop/src/pages/layout.tsx b/packages/desktop/src/pages/layout.tsx index 965ade9f8..7560e43e6 100644 --- a/packages/desktop/src/pages/layout.tsx +++ b/packages/desktop/src/pages/layout.tsx @@ -505,7 +505,7 @@ export default function Layout(props: ParentProps) { <Match when={true}> <Tooltip placement="right" value="Connect provider" inactive={layout.sidebar.opened()}> <Button - class="flex w-full text-left justify-start text-12-medium text-text-base stroke-[1.5px] rounded-lg px-2" + class="flex w-full text-left justify-start text-text-base stroke-[1.5px] rounded-lg px-2" variant="ghost" size="large" icon="plus" @@ -519,7 +519,7 @@ export default function Layout(props: ParentProps) { <Show when={platform.openDirectoryPickerDialog}> <Tooltip placement="right" value="Open project" inactive={layout.sidebar.opened()}> <Button - class="flex w-full text-left justify-start text-12-medium text-text-base stroke-[1.5px] rounded-lg px-2" + class="flex w-full text-left justify-start text-text-base stroke-[1.5px] rounded-lg px-2" variant="ghost" size="large" icon="folder-add-left" @@ -545,7 +545,7 @@ export default function Layout(props: ParentProps) { as={"a"} href="https://opencode.ai/desktop-feedback" target="_blank" - class="flex w-full text-left justify-start text-12-medium text-text-base stroke-[1.5px] rounded-lg px-2" + class="flex w-full text-left justify-start text-text-base stroke-[1.5px] rounded-lg px-2" variant="ghost" size="large" icon="bubble-5" diff --git a/packages/ui/src/components/message-part.css b/packages/ui/src/components/message-part.css index 9d4214bae..e369f9220 100644 --- a/packages/ui/src/components/message-part.css +++ b/packages/ui/src/components/message-part.css @@ -8,7 +8,7 @@ [data-component="user-message"] { font-family: var(--font-family-sans); - font-size: var(--font-size-small); + font-size: var(--font-size-base); font-style: normal; font-weight: var(--font-weight-regular); line-height: var(--line-height-large); @@ -26,6 +26,7 @@ [data-component="markdown"] { margin-top: 32px; + font-size: var(--font-size-base); } } @@ -57,7 +58,7 @@ [data-slot="message-part-tool-error-title"] { font-family: var(--font-family-sans); - font-size: var(--font-size-small); + font-size: var(--font-size-base); font-style: normal; font-weight: var(--font-weight-medium); line-height: var(--line-height-large); @@ -117,7 +118,7 @@ [data-slot="message-part-title"] { font-family: var(--font-family-sans); - font-size: var(--font-size-small); + font-size: var(--font-size-base); font-style: normal; font-weight: var(--font-weight-medium); line-height: var(--line-height-large); diff --git a/packages/ui/src/components/session-turn.css b/packages/ui/src/components/session-turn.css index 0f218b515..3f0042ddc 100644 --- a/packages/ui/src/components/session-turn.css +++ b/packages/ui/src/components/session-turn.css @@ -64,7 +64,7 @@ [data-slot="session-turn-message-title"] { width: 100%; - font-size: 14px; /* text-14-medium */ + font-size: 15px; /* text-14-medium */ font-weight: 500; color: var(--text-strong); overflow: hidden; @@ -104,17 +104,22 @@ align-items: flex-start; gap: 4px; align-self: stretch; + + p { + font-size: var(--font-size-base); + line-height: var(--line-height-x-large); + } } [data-slot="session-turn-summary-title"] { - font-size: 12px; /* text-12-medium */ + font-size: 13px; /* text-12-medium */ font-weight: 500; color: var(--text-weak); } [data-slot="session-turn-markdown"] { &[data-diffs="true"] { - font-size: 14px; /* text-14-regular */ + font-size: 15px; } &[data-fade="true"] > * { @@ -319,7 +324,7 @@ } [data-slot="session-turn-details-text"] { - font-size: 12px; /* text-12-medium */ + font-size: 13px; /* text-12-medium */ font-weight: 500; } |
