fix: correct spacing between sliders (#3225)

sct · Jan 7, 2023 · 62e2de7 · 62e2de7
1 parent 0683f4f
commit 62e2de7
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 5 deletions.
diff --git a/src/components/Discover/DiscoverSliderEdit/index.tsx b/src/components/Discover/DiscoverSliderEdit/index.tsx
@@ -290,7 +290,7 @@ const DiscoverSliderEdit = ({
           />
         </div>
       ) : (
-        <div className={`p-4 ${!slider.enabled ? 'opacity-50' : ''}`}>
+        <div className={`-mt-6 p-4 ${!slider.enabled ? 'opacity-50' : ''}`}>
           {children}
         </div>
       )}

diff --git a/src/components/Discover/index.tsx b/src/components/Discover/index.tsx
@@ -404,9 +404,7 @@ const Discover = () => {
         }
 
         return (
-          <div key={`discover-slider-${slider.id}`} className="mt-6">
-            {sliderComponent}
-          </div>
+          <div key={`discover-slider-${slider.id}`}>{sliderComponent}</div>
         );
       })}
     </>

diff --git a/src/styles/globals.css b/src/styles/globals.css
@@ -68,7 +68,7 @@
   }
 
   .slider-header {
-    @apply relative mb-4 flex;
+    @apply relative mt-6 mb-4 flex;
   }
 
   .slider-title {