From c27c55ea4619fc599dc0406e11812e0681bdccbf Mon Sep 17 00:00:00 2001
From: Belen Curcio <curciobelen@gmail.com>
Date: Thu, 22 Oct 2020 18:24:04 -0300
Subject: [PATCH] Modal Dark Mode

---
 components/ui/Modal/Modal.module.css | 4 ++--
 pages/index.tsx                      | 2 +-
 pages/login.tsx                      | 6 +++---
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/components/ui/Modal/Modal.module.css b/components/ui/Modal/Modal.module.css
index 061370cf7..38f20261e 100644
--- a/components/ui/Modal/Modal.module.css
+++ b/components/ui/Modal/Modal.module.css
@@ -1,8 +1,8 @@
 .root {
-  @apply fixed bg-black flex items-center inset-0 z-50 justify-center;
+  @apply fixed bg-primary text-primary flex items-center inset-0 z-50 justify-center;
   background-color: rgba(0, 0, 0, 0.35);
 }
 
 .modal {
-  @apply bg-white p-12;
+  @apply bg-primary p-12 border border-accents-2;
 }
diff --git a/pages/index.tsx b/pages/index.tsx
index 4cad5bd6d..6dcb4564a 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -70,7 +70,7 @@ export default function Home({
         ))}
       </Grid>
       <Marquee variant="secondary">
-        {bestSelling.slice(0, 3).map(({ node }) => (
+        {bestSelling.slice(3, 6).map(({ node }) => (
           <ProductCard key={node.path} product={node} variant="slim" />
         ))}
       </Marquee>
diff --git a/pages/login.tsx b/pages/login.tsx
index ce12ce401..b393bdca5 100644
--- a/pages/login.tsx
+++ b/pages/login.tsx
@@ -28,20 +28,20 @@ export default function Login() {
     <div className="pb-20">
       <Modal close={() => {}}>
         <div className="h-80 w-80 flex flex-col justify-between py-3 px-3">
-          <div className="flex justify-center pb-12">
+          <div className="flex justify-center pb-12 ">
             <Logo width="64px" height="64px" />
           </div>
           <div className="flex flex-col space-y-3">
             <div className="border border-accents-3 text-accents-6">
               <input
                 placeholder="Email"
-                className="focus:outline-none focus:shadow-outline-gray border-none py-2 px-6 w-full appearance-none transition duration-150 ease-in-out placeholder-accents-5 pr-10"
+                className="focus:outline-none bg-primary focus:shadow-outline-gray border-none py-2 px-6 w-full appearance-none transition duration-150 ease-in-out placeholder-accents-5 pr-10"
               />
             </div>
             <div className="border border-accents-3 text-accents-6">
               <input
                 placeholder="Password"
-                className="focus:outline-none focus:shadow-outline-gray border-none py-2 px-6 w-full appearance-none transition duration-150 ease-in-out placeholder-accents-5 pr-10"
+                className="bg-primary focus:outline-none focus:shadow-outline-gray border-none py-2 px-6 w-full appearance-none transition duration-150 ease-in-out placeholder-accents-5 pr-10"
               />
             </div>
             <Button variant="slim" onClick={handleSignup}>