fix: font size updates

Author: iamdavidhill

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"

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);

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;
   }