ENH:changes in buttons in carousel

incubyte · Aug 28, 2023 · 13b4e5f · 13b4e5f
1 parent e938423
commit 13b4e5f
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/frontend/src/components/utilities/Carousel.tsx b/frontend/src/components/utilities/Carousel.tsx
@@ -49,8 +49,10 @@ const Carousel = ({
             <>
               <div
                 className={
-                  courses.length >= 4
-                    ? "buttons mlg:hidden block"
+                  courses.length >= 5
+                    ? "buttons block"
+                    : courses.length == 4
+                    ? "buttons mlg:hidden lg:block block"
                     : courses.length >= 3
                     ? "block buttons lg:hidden"
                     : "block buttons lg:hidden md:hidden"
@@ -76,7 +78,7 @@ const Carousel = ({
                 id={contentId}
                 className={
                   courses.length >= 5
-                    ? "carouselListContent mlg:justify-start justify-start"
+                    ? "carouselListContent mlg:justify-start lg:justify-start justify-start"
                     : courses.length == 4
                     ? "carouselListContent mlg:justify-center justify-start"
                     : courses.length <= 2