more

src/Components/Case/CaseListPage.js

@@ -28,6 +28,9 @@ const CaseListPage = ({ perPage }) => {
     if (count.current == null) {
       setIsMobile(window.innerWidth < 440);
     }
+    if (count.current < 3) {
+      setIsMobile(window.innerWidth < 440);
+    }
     return () => {
       count.current = 1;
     };

src/Components/Navigation/Navpanel.js

@@ -65,24 +65,27 @@ export default function Navpanel(props) {
                   Dashboard
                 </a>
               </div>
-              <div className="contact-detail-two">
+              <div className="contact-detail-twotwo">
                 <a
-                  className="contact-link-two"
+                  className="contact-link-twotwo"
                   onClick={() => packUpAndLeave("cases")}
                 >
                   Cases
                 </a>
               </div>
-              <div className="contact-detail-three">
+              <div className="contact-detail-threethree">
                 <a
-                  className="nav-link-three"
+                  className="nav-link-threthree"
                   onClick={() => packUpAndLeave("documents")}
                 >
                   Documents
                 </a>
               </div>
               <div className="contact-detail-one">
-                <a className="contact-link" onClick={() => packUpAndLeave("")}>
+                <a
+                  className="contact-linklink"
+                  onClick={() => packUpAndLeave("")}
+                >
                   Blog
                 </a>
               </div>

src/styles/contact.scss

@@ -54,6 +54,14 @@
   padding-right: 25px;
 }
 
+.contact-link-twotwo {
+  font-size: 0.95rem;
+  letter-spacing: 0.92rem;
+  color: #fff;
+  text-decoration: none;
+  padding-right: 25px;
+}
+
 .contactLinkThree {
   letter-spacing: 1rem;
   text-decoration: none;
@@ -106,6 +114,15 @@
   letter-spacing: 0.2rem;
 }
 
+.contact-detail-twotwo {
+  display: flex;
+  flex-direction: row-reverse;
+  height: 38px;
+  margin: 12px 0px;
+  padding-right: 18px;
+  background-color: hsl(17, 100%, 61%);
+}
+
 .contact-detail-three {
   display: flex;
   flex-direction: row-reverse;
@@ -115,6 +132,15 @@
   letter-spacing: 0.5rem;
 }
 
+.contact-detail-threethree {
+  display: flex;
+  flex-direction: row-reverse;
+  height: 40px;
+  margin: 12px 0px;
+  background-color: rgb(93, 206, 255);
+  letter-spacing: 0.5rem;
+}
+
 .contactDetailFour {
   width: 40%;
   background-color: orange;
@@ -206,20 +232,18 @@
     padding-right: 20px;
   }
 
-  .contactLink {
+  .nav-link-threthree {
-    letter-spacing: 0.2rem;
+    color: black;
+    letter-spacing: 1rem;
+    text-decoration: none;
+    padding-right: 24px;
+  }
+
+  .contact-linklink {
+    font-size: 1rem;
+    letter-spacing: 0.6rem;
+    color: #fff;
+    text-decoration: none;
+    padding-right: 16px;
   }
 }
-
-/*
-.threeInner {
-  display: flex;
-  margin-left: 5px;
-  height: 300px;
-  width: 130px;
-  border-radius: 0px;
-  overflow: hidden;
-  opacity: 0.4;
-  background: linear-gradient(to left, rgba(245, 246, 252, 0.52), red);
-}
-*/