Responsive Fixes

adityabagrii · Jun 18, 2024 · c373216 · c373216
1 parent e2e07e3
commit c373216
Show file tree

Hide file tree

Showing 2 changed files with 107 additions and 4 deletions.
diff --git a/src/components/Manager.css b/src/components/Manager.css
@@ -4,7 +4,7 @@
 .main-manager{
     margin-left: auto;
     margin-right: auto;
-    height: 91dvh;
+    height: 90dvh;
     background-color: #202020;
     display: flex;
     /* justify-content: center; */
@@ -171,4 +171,88 @@ a{
 
 .icons:hover{
     scale: 1.1;
+}
+
+@media (max-width: 768px){
+    .main-manager{
+        height: 93dvh;
+    }
+    .user-pass{
+        flex-direction: column;
+        gap: 1rem;
+    }
+    .pass{
+        width: 95%;
+    }
+    .container{
+        width: 90%;
+    }
+    .spasswordsHead{
+        width: 90%;
+    }
+    .spasswordsBody{
+        width: 90%;
+    }
+    .container > .inp{
+        width: 95%;
+    }
+    .inp{
+        width: 95%;
+        font-size: 2vw;
+    }
+    .addBtn{
+        font-size: 1.5vh;
+    }
+    .addimg{
+        width: 15px;
+    }
+    .passwordINP{
+        width: 100%;
+        font-size: 2vw;
+
+    }
+    .Eye{
+        width: 20px;
+    }
+    .Show{
+        right: 5%;
+    }
+    .icons{
+        width: 25px;
+    }
+    .heading{
+        font-size: 4vw;
+    }
+    .noPasswords{
+        font-size: 3vw;
+    }
+    .addBtn{
+        font-size: 3vw;
+    }
+    .addimg{
+        width: 10px;
+    }
+
+    .thead{
+        padding: 2% 1%;
+    }
+
+    td{
+        padding: 1% 0.5%;
+    }
+
+    .spasswordsHead{
+        width: 90%;
+        border-radius: 1.5rem;
+        font-size: 3vw;
+    }
+
+    .copyIcon{
+        width: 16px;
+    }
+    .icons{
+        width: 16px;
+    }
+
+
 }
diff --git a/src/components/Navbar.css b/src/components/Navbar.css
@@ -1,14 +1,33 @@
 nav{
     background-color: #191919;
-    height: 9dvh;
+    height: 10dvh;
     color: white;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     font-family: Poppins;
 }
+
 .main{
-    font-size: xx-large;
+    font-size: 2rem;
     font-weight: bolder;
-}
+}
+
+.subtext{
+    font-size:1.5rem;
+}
+
+@media (max-width: 768px){
+    nav{
+        height:7dvh;
+    }
+    .main{
+        font-size: 4vw;
+        font-weight: bolder;
+    }
+
+    .subtext{
+        font-size:2vw;
+    }
+}