fix: 🐛 story

BetterTyped · Jun 28, 2024 · 4afb583 · 4afb583
1 parent b0bdd0f
commit 4afb583
Showing 1 changed file with 50 additions and 59 deletions.
diff --git a/src/stories/examples/content/content.stories.mdx b/src/stories/examples/content/content.stories.mdx
@@ -42,70 +42,61 @@ export const Template = (args) => (
         >
           <div
             style={{
-              display: "flex",
-              overflow: "auto",
-              maxWidth: "100%",
+              width: "100px",
+              height: "100px",
               padding: "10px",
+              background: "red",
             }}
+            className="panningDisabled"
           >
-            <div
-              style={{
-                width: "100px",
-                height: "100px",
-                padding: "10px",
-                background: "red",
-              }}
-              className="panningDisabled"
-            >
-              Panning is DISABLED on this element
-            </div>
-            <div
-              style={{
-                width: "100px",
-                height: "100px",
-                padding: "10px",
-                background: "blue",
-              }}
-              className="wheelDisabled"
-            >
-              Wheel is DISABLED on this element
-            </div>
-            <div
-              style={{
-                width: "100px",
-                height: "100px",
-                padding: "10px",
-                background: "green",
-              }}
-              className="pinchDisabled"
-            >
-              Pinch is DISABLED on this element
-            </div>
+            Panning is DISABLED on this element
+          </div>
+          <div
+            style={{
+              width: "100px",
+              height: "100px",
+              padding: "10px",
+              background: "blue",
+            }}
+            className="wheelDisabled"
+          >
+            Wheel is DISABLED on this element
+          </div>
+          <div
+            style={{
+              width: "100px",
+              height: "100px",
+              padding: "10px",
+              background: "green",
+            }}
+            className="pinchDisabled"
+          >
+            Pinch is DISABLED on this element
           </div>
-          <p>
-            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
-            eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
-            ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
-            aliquip ex ea commodo consequat. Duis aute irure dolor in
-            reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
-            pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
-            culpa qui officia deserunt mollit anim id est laborum
-          </p>
-          <img src={exampleImg} alt="" />
-          <p>
-            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
-            eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
-            ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
-            aliquip ex ea commodo consequat. Duis aute irure dolor in
-            reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
-            pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
-            culpa qui officia deserunt mollit anim id est laborum
-          </p>
         </div>
-      </TransformComponent>
-    </TransformWrapper>
-  );
-};
+        <p>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
+          eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
+          minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+          aliquip ex ea commodo consequat. Duis aute irure dolor in
+          reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+          pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+          culpa qui officia deserunt mollit anim id est laborum
+        </p>
+        <img src={exampleImg} alt="" />
+        <p>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
+          eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
+          minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+          aliquip ex ea commodo consequat. Duis aute irure dolor in
+          reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+          pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+          culpa qui officia deserunt mollit anim id est laborum
+        </p>
+      </div>
+    </TransformComponent>
+  </TransformWrapper>
+);
 
 <Meta
   title="Examples/Mixed Content"