From e6bfa95758d242e9ecb332f1e0e8fd3b8c5f83f9 Mon Sep 17 00:00:00 2001
From: Jay V <air@live.ca>
Date: Thu, 26 Jun 2025 13:06:37 -0400
Subject: docs: share page responsive diff

---
 packages/web/src/components/diffview.module.css | 33 ++++++++++++-------------
 1 file changed, 16 insertions(+), 17 deletions(-)

(limited to 'packages/web/src/components/diffview.module.css')

diff --git a/packages/web/src/components/diffview.module.css b/packages/web/src/components/diffview.module.css
index b3f61ac02..a748c5d02 100644
--- a/packages/web/src/components/diffview.module.css
+++ b/packages/web/src/components/diffview.module.css
@@ -6,6 +6,19 @@
   border-radius: 0.25rem;
 }
 
+.desktopView {
+  display: block;
+}
+
+.mobileView {
+  display: none;
+}
+
+.mobileBlock {
+  display: flex;
+  flex-direction: column;
+}
+
 .row {
   display: grid;
   grid-template-columns: 1fr 1fr;
@@ -98,25 +111,11 @@
 }
 
 @media (max-width: 40rem) {
-  .row {
-    grid-template-columns: 1fr;
-  }
-
-  .afterColumn {
+  .desktopView {
     display: none;
   }
 
-  .beforeColumn {
-    border-right: none;
-  }
-
-  [data-section="cell"] {
-    &[data-display-mobile="true"] {
-      display: flex;
-    }
-
-    &[data-display-mobile="false"] {
-      display: none;
-    }
+  .mobileView {
+    display: block;
   }
 }
-- 
cgit v1.2.3