feat(layout): make slider wider for test purposes

- remove page padding - make sliders take all width - make nav-menu narrower
AxisCommunications · Aug 14, 2024 · daf3641 · daf3641
1 parent 6e299c6
commit daf3641
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 3 deletions.
diff --git a/examples/src/components/navigation-menu/navigation-menu.tsx b/examples/src/components/navigation-menu/navigation-menu.tsx
@@ -31,7 +31,7 @@ export const navigationMenuClassNames = {
 const useStyles = makeStyles({
   root: {
     height: "100%",
-    width: "300px",
+    width: "200px",
     ...shorthands.border(0),
   },
   body: {

diff --git a/examples/src/components/story/story-page.tsx b/examples/src/components/story/story-page.tsx
@@ -24,7 +24,6 @@ const useStyles = makeStyles({
     backgroundColor: tokens.colorNeutralBackground3,
     display: "grid",
     gridTemplateColumns: "1fr min-content",
-    ...shorthands.padding(0, "15%", 0, "5%"),
   },
   header: {
     ...shorthands.padding(

diff --git a/examples/src/stories/slider/slider-page.tsx b/examples/src/stories/slider/slider-page.tsx
@@ -58,7 +58,7 @@ import {
 
 const useStyles = makeStyles({
   example: {
-    maxWidth: "400px",
+    maxWidth: "auto",
   },
 });