feat: update new assets, adjust margins, gap in use cases grid

Proof-Of-Humanity · Sep 1, 2024 · 418dd1e · 418dd1e
1 parent 516ce06
commit 418dd1e
Show file tree

Hide file tree

Showing 6 changed files with 13 additions and 13 deletions.
diff --git a/assets/poster.png b/assets/poster.png
diff --git a/components/Display/style.module.scss b/components/Display/style.module.scss
@@ -5,29 +5,29 @@
   display: flex;
   position: relative;
   width: 100%;
-  min-height: calc(748px + (180 * (100vw - 400px) / (560 - 360)));
+  min-height: calc(780px + (180 * (100vw - 400px) / (560 - 360)));
   padding: 0 16px;
 
   &::before {
     content: "";
     position: absolute;
     height: 100%;
-    width: 100%;
+    width: 90%;
     left: 51%;
     transform: translateX(-50%);
-    margin-top: 392px;
+    margin-top: 400px;
     z-index: -1;
     background-image: url("../../assets/poster.png");
     background-repeat: no-repeat;
     background-size: 100%;
   }
 
   @include media.bp("phablet") {
-    min-height: 920px;
+    min-height: 840px;
 
     &::before {
-      height: 600px;
-      width: 600px;
+      height: 440px;
+      width: 440px;
     }
   }
 
@@ -38,14 +38,14 @@
     padding: 100px 0 132px 16px;
 
     &::before {
-      height: 680px;
-      width: 680px;
+      height: 600px;
+      width: 600px;
       top: 0;
       left: auto;
       transform: none;
       bottom: auto;
-      margin-top: 60px;
-      margin-right: 80px;
+      margin-top: 48px;
+      margin-right: 140px;
       right: 0;
     }
   }

diff --git a/components/UseCases/style.module.scss b/components/UseCases/style.module.scss
@@ -29,7 +29,7 @@
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     grid-template-rows: repeat(4, 1fr);
-    gap: 1em;
+    gap: calc(10px + (6 * (100vw - 400px) / (560 - 400)));
     list-style: none;
 
     @include media.bp("tablet-wide") {

diff --git a/pages/_app.tsx b/pages/_app.tsx
@@ -30,7 +30,7 @@ const App: React.FC<AppProps> = ({ Component, pageProps }) => (
       />
 
       <meta
-        content="https://app.proofofhumanity.id/images/open-graph-image.png"
+        content="/poh-v2-banner.png"
         property="og:image"
       />
 
@@ -40,7 +40,7 @@ const App: React.FC<AppProps> = ({ Component, pageProps }) => (
         property="x:description"
       />
       <meta
-        content="https://app.proofofhumanity.id/images/open-graph-image.png"
+        content="/poh-v2-banner.png"
         property="x:image"
       />
 

diff --git a/public/main.webp b/public/main.webp
diff --git a/public/poh-v2-banner.png b/public/poh-v2-banner.png