Skip to content

Commit 4afb583

Browse files
prc5prc5
committed
fix: 🐛 story
1 parent b0bdd0f commit 4afb583

1 file changed

Lines changed: 50 additions & 59 deletions

File tree

‎src/stories/examples/content/content.stories.mdx‎

Lines changed: 50 additions & 59 deletions
Original file line numberDiff line numberDiff line change
@@ -42,70 +42,61 @@ export const Template = (args) => (
4242
>
4343
<div
4444
style={{
45-
display: "flex",
46-
overflow: "auto",
47-
maxWidth: "100%",
45+
width: "100px",
46+
height: "100px",
4847
padding: "10px",
48+
background: "red",
4949
}}
50+
className="panningDisabled"
5051
>
51-
<div
52-
style={{
53-
width: "100px",
54-
height: "100px",
55-
padding: "10px",
56-
background: "red",
57-
}}
58-
className="panningDisabled"
59-
>
60-
Panning is DISABLED on this element
61-
</div>
62-
<div
63-
style={{
64-
width: "100px",
65-
height: "100px",
66-
padding: "10px",
67-
background: "blue",
68-
}}
69-
className="wheelDisabled"
70-
>
71-
Wheel is DISABLED on this element
72-
</div>
73-
<div
74-
style={{
75-
width: "100px",
76-
height: "100px",
77-
padding: "10px",
78-
background: "green",
79-
}}
80-
className="pinchDisabled"
81-
>
82-
Pinch is DISABLED on this element
83-
</div>
52+
Panning is DISABLED on this element
53+
</div>
54+
<div
55+
style={{
56+
width: "100px",
57+
height: "100px",
58+
padding: "10px",
59+
background: "blue",
60+
}}
61+
className="wheelDisabled"
62+
>
63+
Wheel is DISABLED on this element
64+
</div>
65+
<div
66+
style={{
67+
width: "100px",
68+
height: "100px",
69+
padding: "10px",
70+
background: "green",
71+
}}
72+
className="pinchDisabled"
73+
>
74+
Pinch is DISABLED on this element
8475
</div>
85-
<p>
86-
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
87-
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
88-
ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
89-
aliquip ex ea commodo consequat. Duis aute irure dolor in
90-
reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
91-
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
92-
culpa qui officia deserunt mollit anim id est laborum
93-
</p>
94-
<img src={exampleImg} alt="" />
95-
<p>
96-
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
97-
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
98-
ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
99-
aliquip ex ea commodo consequat. Duis aute irure dolor in
100-
reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
101-
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
102-
culpa qui officia deserunt mollit anim id est laborum
103-
</p>
10476
</div>
105-
</TransformComponent>
106-
</TransformWrapper>
107-
);
108-
};
77+
<p>
78+
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
79+
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
80+
minim veniam, quis nostrud exercitation ullamco laboris nisi ut
81+
aliquip ex ea commodo consequat. Duis aute irure dolor in
82+
reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
83+
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
84+
culpa qui officia deserunt mollit anim id est laborum
85+
</p>
86+
<img src={exampleImg} alt="" />
87+
<p>
88+
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
89+
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
90+
minim veniam, quis nostrud exercitation ullamco laboris nisi ut
91+
aliquip ex ea commodo consequat. Duis aute irure dolor in
92+
reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
93+
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
94+
culpa qui officia deserunt mollit anim id est laborum
95+
</p>
96+
</div>
97+
</TransformComponent>
98+
</TransformWrapper>
99+
);
109100

110101
<Meta
111102
title="Examples/Mixed Content"

0 commit comments

Comments
 (0)