Feature/adjust carousel component for desktop (UEK-i-team#47)

* feature: fixed style of project and carusel component * fix: fixed edges of carousel
KubloPL · Mar 13, 2024 · 2956be8 · 2956be8
1 parent c8404b4
commit 2956be8
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 2 deletions.
diff --git a/src/components/Carousel/Carousel.module.scss b/src/components/Carousel/Carousel.module.scss
@@ -99,3 +99,18 @@
 .indicator:active {
   scale: 1.2;
 }
+
+@media screen and (min-width: $breakpoint-desktop){
+  .carousel{
+    width: 95%;
+    height: 40vh;
+    margin: auto;
+    margin-top: 3rem;
+  }
+  .slider{
+    border-radius: 22px;
+  }
+  .indicators{
+    width: 7%;
+  }
+}
diff --git a/src/components/Project/Project.module.scss b/src/components/Project/Project.module.scss
@@ -79,6 +79,7 @@
 
   .mobileProjectTitleLightTheme {
     margin: 0;
+    height: 0;
     visibility: hidden;
   }
 
@@ -87,10 +88,11 @@
     text-align: center;
     background-color: $white_100_35;
     color: $black;
-    margin: 0 40px 8px;
+    margin: -40vh auto 8px;
     font-size: 16px;
-    padding: 2px 20px 80px 24px;
+    padding: 39vh 20px 80px 24px;
     border-radius: 22px;
+    width:95%;
     div {
       text-align: justify;
       padding: 30px 60px 60px 60px;