docs: share page mobile bugs

1 files changed, 44 insertions, 4 deletions

diff --git a/packages/web/src/components/share/part.module.css b/packages/web/src/components/share/part.module.css
index bf843bc0d..df8102f5d 100644
--- a/packages/web/src/components/share/part.module.css
+++ b/packages/web/src/components/share/part.module.css
@@ -101,10 +101,7 @@
   }
 
   [data-component="content"] {
-    display: flex;
-    flex-direction: column;
-    gap: 1rem;
-    flex-grow: 1;
+    min-width: 0;
   }
 
   [data-component="spacer"] {
@@ -117,6 +114,24 @@
     color: var(--sl-color-text-dimmed);
   }
 
+  [data-component="user-text"] {
+    min-width: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+    flex-grow: 1;
+    max-width: var(--md-tool-width);
+  }
+
+  [data-component="assistant-text"] {
+    min-width: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+    flex-grow: 1;
+    max-width: var(--md-tool-width);
+  }
+
   [data-component="step-start"] {
     display: flex;
     flex-direction: column;
@@ -195,6 +210,31 @@
     align-items: flex-start;
     gap: 0.375rem;
     padding-bottom: 1rem;
+
+    &[data-tool="bash"] {
+      max-width: var(--sm-tool-width);
+    }
+
+    &[data-tool="error"] {
+      max-width: var(--md-tool-width);
+    }
+
+    &[data-tool="read"],
+    &[data-tool="edit"],
+    &[data-tool="list"],
+    &[data-tool="glob"],
+    &[data-tool="grep"],
+    &[data-tool="write"],
+    &[data-tool="webfetch"] {
+      [data-component="tool-result"] {
+        max-width: var(--sm-tool-width);
+      }
+    }
+    &[data-tool="edit"] {
+      [data-component="tool-result"] {
+        max-width: var(--lg-tool-width);
+      }
+    }
   }
 
   [data-component="tool-title"] {