style: reduce spaces in landing and reduce Carousel (#53)

bosonprotocol · Jul 4, 2022 · 1a22d25 · 1a22d25
1 parent 9387241
commit 1a22d25
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 8 deletions.
diff --git a/src/pages/landing/Carousel.tsx b/src/pages/landing/Carousel.tsx
@@ -10,7 +10,7 @@ import { zIndex } from "../../lib/styles/zIndex";
 import { Offer } from "../../lib/types/offer";
 import { useOffers } from "../../lib/utils/hooks/offers";
 
-const cellSize = 360;
+const cellSize = 300;
 const numCells = 8; // or number of max offers
 const tz = Math.round(cellSize / 2 / Math.tan(Math.PI / numCells));
 const translateZValue = `${tz}px`;

diff --git a/src/pages/landing/Landing.tsx b/src/pages/landing/Landing.tsx
@@ -37,7 +37,7 @@ const Title = styled(Typography)`
   font-size: 2.5rem;
   line-height: 1.3;
   ${breakpoint.s} {
-    font-size: 3.5rem;
+    font-size: 3.15rem;
     line-height: 1.2;
   }
 `;
@@ -48,12 +48,7 @@ const ExploreContainer = styled.div`
   margin-top: 2rem;
 `;
 
-const HeroWrapper = styled(Grid)`
-  padding: 1rem 0 1rem 0;
-  ${breakpoint.m} {
-    padding: 3rem 0 3rem 0;
-  }
-`;
+const HeroWrapper = styled(Grid)``;
 const StepWrapper = styled(Grid)`
   gap: 50px;
   margin: 5rem 0;