fix: correct spacing between sliders (sct#3225)

lenaxia · Jan 3, 2024 · f95bb82 · f95bb82
1 parent d047d98
commit f95bb82
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 {
-Original file line number
+Diff line change
@@ Expand Up / @@ -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>
           )}
@@ Expand Down @@