summaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
authorDavid Hill <[email protected]>2025-12-16 10:54:50 +0000
committerDavid Hill <[email protected]>2025-12-16 10:54:50 +0000
commit2330ec6dc3000ae8b86810e9d59b414ad4f05f47 (patch)
tree396d6b91d25d324aa643050e7fd5b13c046d5757
parenta0c0e2b5c3b5041389ba025ed7858cb9f2b3fe00 (diff)
downloadopencode-2330ec6dc3000ae8b86810e9d59b414ad4f05f47.tar.gz
opencode-2330ec6dc3000ae8b86810e9d59b414ad4f05f47.zip
fix: font size updates
-rw-r--r--packages/desktop/src/pages/layout.tsx6
-rw-r--r--packages/ui/src/components/message-part.css7
-rw-r--r--packages/ui/src/components/session-turn.css13
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;
}