From 1ea3a8eb9beeb7d510fd29164ea741acec1ee04d Mon Sep 17 00:00:00 2001
From: Dax Raad <d@ironbay.co>
Date: Thu, 6 Nov 2025 13:03:02 -0500
Subject: big format

---
 packages/web/src/components/share/content-diff.tsx | 20 ++++++++++++++++----
 1 file changed, 16 insertions(+), 4 deletions(-)

(limited to 'packages/web/src/components/share/content-diff.tsx')

diff --git a/packages/web/src/components/share/content-diff.tsx b/packages/web/src/components/share/content-diff.tsx
index 9ccd554d0..79c2723cb 100644
--- a/packages/web/src/components/share/content-diff.tsx
+++ b/packages/web/src/components/share/content-diff.tsx
@@ -124,7 +124,9 @@ export function ContentDiff(props: Props) {
       // Collect consecutive modified/removed/added rows
       while (
         i < currentRows.length &&
-        (currentRows[i].type === "modified" || currentRows[i].type === "removed" || currentRows[i].type === "added")
+        (currentRows[i].type === "modified" ||
+          currentRows[i].type === "removed" ||
+          currentRows[i].type === "added")
       ) {
         const row = currentRows[i]
         if (row.left && (row.type === "removed" || row.type === "modified")) {
@@ -162,10 +164,16 @@ export function ContentDiff(props: Props) {
       <div data-component="desktop">
         {rows().map((r) => (
           <div data-component="diff-row" data-type={r.type}>
-            <div data-slot="before" data-diff-type={r.type === "removed" || r.type === "modified" ? "removed" : ""}>
+            <div
+              data-slot="before"
+              data-diff-type={r.type === "removed" || r.type === "modified" ? "removed" : ""}
+            >
               <ContentCode code={r.left} flush lang={props.lang} />
             </div>
-            <div data-slot="after" data-diff-type={r.type === "added" || r.type === "modified" ? "added" : ""}>
+            <div
+              data-slot="after"
+              data-diff-type={r.type === "added" || r.type === "modified" ? "added" : ""}
+            >
               <ContentCode code={r.right} lang={props.lang} flush />
             </div>
           </div>
@@ -176,7 +184,11 @@ export function ContentDiff(props: Props) {
         {mobileRows().map((block) => (
           <div data-component="diff-block" data-type={block.type}>
             {block.lines.map((line) => (
-              <div data-diff-type={block.type === "removed" ? "removed" : block.type === "added" ? "added" : ""}>
+              <div
+                data-diff-type={
+                  block.type === "removed" ? "removed" : block.type === "added" ? "added" : ""
+                }
+              >
                 <ContentCode code={line} lang={props.lang} flush />
               </div>
             ))}
-- 
cgit v1.2.3

