💄About

noeypatt · Mar 28, 2020 · 3cd0e21 · 3cd0e21 · vercel · Mar 28, 2020
1 parent d599eef
commit 3cd0e21
Show file tree

Hide file tree

Showing 4 changed files with 32 additions and 2 deletions.
diff --git a/components/about.js b/components/about.js
@@ -68,6 +68,11 @@ const About = () => {
                                             </div>
                                         ))
                                     }
+                                    <div className="more-content">
+                                        <h6>อ่านต่อ</h6>
+                                        <img className="animated-fadeRight" src="/static/arrow.svg" alt="arrow-icon" />
+                                    </div>
+
                                 </div>
                             </div>
                         </div>

diff --git a/static/arrow.svg b/static/arrow.svg
diff --git a/styles/about.scss b/styles/about.scss
@@ -24,6 +24,7 @@
           margin-right: 1rem;
           @media (max-width: 575.98px) {
             margin-right: 0;
+            height: 18rem;
           }
         }
 
@@ -38,7 +39,7 @@
           .title-content {
             padding: 0 3rem;
 
-            @media (max-width: 575.98px) {
+            @media (max-width: 768px) {
               padding: 0;
             }
 
@@ -53,6 +54,24 @@
               font-weight: lighter;
             }
           }
+          .more-content {
+            padding: 0 3rem;
+            display: flex;
+
+            h6 {
+              margin-top: 1rem;
+              font-weight: bold;
+              text-align: center;
+            }
+
+            img {
+              cursor: pointer;
+              margin-top: 0.5rem;
+              margin-left: 1rem;
+              width: 2rem;
+              height: auto;
+            }
+          }
         }
       }
     }

diff --git a/styles/base.scss b/styles/base.scss
@@ -11,7 +11,6 @@
 @import "./chart.scss";
 @import "./hamburgers.scss";
 
-
 @import "./sidebar.scss";
 @import "./map.scss";
 
@@ -30,6 +29,7 @@ body {
   h6,
   p,
   text {
+    user-select: none;
     font-family: $font !important;
     color: black !important;
   }