diff --git a/components/ui/Marquee/Marquee.module.css b/components/ui/Marquee/Marquee.module.css index 0d8fad7b6..4139a91cc 100644 --- a/components/ui/Marquee/Marquee.module.css +++ b/components/ui/Marquee/Marquee.module.css @@ -1,5 +1,15 @@ .root { - @apply bg-white py-10 w-full relative flex flex-row; + @apply w-full relative; + min-width: 100%; +} + +.container { + @apply flex flex-row; + + & > * { + @apply flex-1; + min-width: 500px; + } } .primary { @@ -7,5 +17,5 @@ } .secondary { - @apply bg-violet; + @apply bg-black; } diff --git a/components/ui/Marquee/Marquee.tsx b/components/ui/Marquee/Marquee.tsx index 8ed18242e..3ef59ba1a 100644 --- a/components/ui/Marquee/Marquee.tsx +++ b/components/ui/Marquee/Marquee.tsx @@ -17,7 +17,8 @@ const M: FC = ({ className = '', items, wrapper: Component = DefaultWrapper, - variant = 'white', + variant = 'primary', + min = 'none', }) => { const rootClassName = cn( s.root, @@ -28,17 +29,25 @@ const M: FC = ({ className ) - const flickityOptions = { - initialIndex: 2, - } + // return ( + //
+ //
+ // {items.map((p: any) => ( + // + // ))} + //
+ //
+ // ) return ( {({ index }) => (
- {items.map((p: any) => ( - - ))} +
+ {items.map((p: any) => ( + + ))} +
)}
diff --git a/package.json b/package.json index 0a4bae0f4..ca67ad82b 100644 --- a/package.json +++ b/package.json @@ -24,7 +24,6 @@ "cookie": "^0.4.1", "lodash": "^4.17.20", "next": "^9.5.4-canary.23", - "postcss-nested": "^5.0.1", "postcss-nesting": "^7.0.1", "react": "^16.13.1", "react-dom": "^16.13.1", diff --git a/pages/index.tsx b/pages/index.tsx index a975794d0..872e13607 100644 --- a/pages/index.tsx +++ b/pages/index.tsx @@ -17,34 +17,6 @@ export default function Home({ return ( <> - ( -
-
- -
- - {p.node.name} - -
- )} - /> - - ( -
-

- This is a very short title -

-
- )} - /> + ( +
+ +
+ + {p.node.name} + +
+
+ )} + /> + + ( +
+

+ This is a very short title +

+
+ )} + /> +
ALL CATEGORIES ACCESSORIES BAGS CLOTHING SHOES ALL DESIGNERS 032c 1017