💄About /index

noeypatt · Mar 29, 2020 · 8a88939 · 8a88939 · vercel · Mar 29, 2020
1 parent e196f01
commit 8a88939
Show file tree

Hide file tree

Showing 3 changed files with 74 additions and 3 deletions.
diff --git a/pages/index/About.js b/pages/index/About.js
@@ -53,7 +53,7 @@ const About = () => {
                 <link rel='icon' href='/static/logomain.svg' />
             </Head>
             <NavBar name="main" tab={isSmallScreen ? homeMin : home} confirm={onConfirm} />
-            <div className="warp-society">
+            <div className="warp-main-page">
                 <div className="page-content">
                     {
                         isSmallScreen ?

diff --git a/styles/about.scss b/styles/about.scss
@@ -107,3 +107,76 @@
     }
   }
 }
+
+
+.warp-main-page{
+  .page-content {
+    padding-top: 3rem;
+
+    .container-fluid {
+      display: flex;
+      flex-direction: column;
+      .head-content {
+        h3 {
+          font-size: 2rem !important;
+          margin-bottom: 1rem !important;
+        }
+      }
+      .detail-content {
+        display: flex;
+        justify-content: center;
+        margin: 2rem 3rem;
+
+        @media (max-width: 575.98px) {
+          flex-direction: column;
+        }
+        img {
+          height: 20rem;
+          margin-right: 1rem;
+          @media (max-width: 575.98px) {
+            margin-right: 0;
+            height: 18rem;
+          }
+        }
+
+        .data-detail-content {
+          display: flex;
+          flex-direction: column;
+
+          @media (max-width: 575.98px) {
+            margin-top: 1rem;
+          }
+
+          .title-content {
+            padding: 0 3rem;
+
+            @media (max-width: 768px) {
+              padding: 0;
+            }
+
+            .header-title-content {
+              font-weight: bold !important;
+            }
+
+            h6 {
+              text-align: start;
+              opacity: 0.8;
+              margin-bottom: 0.5rem !important;
+              font-weight: lighter;
+            }
+          }
+          .more-content {
+            padding: 0 3rem;
+            display: flex;
+
+            h6 {
+              margin-top: 1rem;
+              font-weight: bold;
+              text-align: center;
+            }
+          }
+        }
+      }
+    }
+  }
+}
diff --git a/styles/main.scss b/styles/main.scss
@@ -56,8 +56,6 @@
   }
 }
 
-
-
 .ant-progress-outer{
   padding: 0 0.5rem !important;
 }