docs: container padding

mauroreisvieira · Dec 26, 2024 · 2c8f7ed · 2c8f7ed
1 parent 39751af
commit 2c8f7ed
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 6 deletions.
diff --git a/src/stories/ecommerce/examples/collections/Collections.tsx b/src/stories/ecommerce/examples/collections/Collections.tsx
@@ -1,16 +1,15 @@
 import React, { useMemo, useReducer } from "react";
 // UI Components
-import { Text, Container, Stack, Box, Accordion, Grid, Checkbox } from "@stewed/react";
+import { Text, Container, Stack, Box, Accordion, Grid, Checkbox, Separator } from "@stewed/react";
+// Partials
 import { Products } from "./components/Products";
+import { Header } from "./components/Header";
 // Hooks
 import { useFetchImages } from "../../../../api/useFetchImages";
 // Icons
 import { HiMinusSm, HiOutlinePlusSm } from "react-icons/hi";
 // Data
 import { FILTERS, PRODUCTS } from "./components/data";
-import { Header } from "./components/Header";
-import { Separator } from "@stewed/react";
-import { Slider } from "@stewed/react";
 
 interface Filters {
   tag: string[];

diff --git a/src/stories/ecommerce/examples/collections/components/Header.tsx b/src/stories/ecommerce/examples/collections/components/Header.tsx
@@ -18,8 +18,8 @@ interface HeaderProps {
 
 export function Header({ sort, setSort }: HeaderProps): React.ReactElement {
   return (
-    <Box skin="neutral-faded" padding={{ block: "4xl", inline: "lg" }}>
-      <Container screen="xl" alignment="center" padding={{ block: "7xl" }}>
+    <Box skin="neutral-faded" padding={{ block: "4xl" }}>
+      <Container screen="xl" alignment="center" padding={{ block: "7xl", inline: "lg" }}>
         <Stack justify="between" items="baseline">
           <div>
             <Text as="h1" size="3xl" weight="medium">

diff --git a/src/stories/ecommerce/examples/collections/components/ProductItem.tsx b/src/stories/ecommerce/examples/collections/components/ProductItem.tsx
@@ -1,4 +1,5 @@
 import React from "react";
+// UI Components
 import { Hoverable, MotionProps, Text, Card, Motion, Box, Stack, Button } from "@stewed/react";
 // Icons
 import { IoEyeOutline, IoHeartOutline, IoStar } from "react-icons/io5";

diff --git a/src/stories/ecommerce/examples/collections/components/Products.tsx b/src/stories/ecommerce/examples/collections/components/Products.tsx
@@ -1,6 +1,7 @@
 import React from "react";
 // UI Components
 import { Box, Grid, Stack, Text } from "@stewed/react";
+// Partials
 import { ProductItem, type ProductItemProps } from "./ProductItem";
 
 interface ProductsProps {