From c3732161ef262a735ad44469c999584fc212444a Mon Sep 17 00:00:00 2001
From: Aditya Bagri <aditya22029@iiitd.ac.in>
Date: Tue, 18 Jun 2024 23:24:29 +0530
Subject: [PATCH] Responsive Fixes

---
 src/components/Manager.css | 86 +++++++++++++++++++++++++++++++++++++-
 src/components/Navbar.css  | 25 +++++++++--
 2 files changed, 107 insertions(+), 4 deletions(-)

diff --git a/src/components/Manager.css b/src/components/Manager.css
index 97300dd..b076b7a 100644
--- 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;
+    }
+
+
 }
\ No newline at end of file
diff --git a/src/components/Navbar.css b/src/components/Navbar.css
index 3b5bd2a..7ddfdcd 100644
--- a/src/components/Navbar.css
+++ b/src/components/Navbar.css
@@ -1,6 +1,6 @@
 nav{
     background-color: #191919;
-    height: 9dvh;
+    height: 10dvh;
     color: white;
     display: flex;
     flex-direction: column;
@@ -8,7 +8,26 @@ nav{
     align-items: center;
     font-family: Poppins;
 }
+
 .main{
-    font-size: xx-large;
+    font-size: 2rem;
     font-weight: bolder;
-}
\ No newline at end of file
+}
+
+.subtext{
+    font-size:1.5rem;
+}
+
+@media (max-width: 768px){
+    nav{
+        height:7dvh;
+    }
+    .main{
+        font-size: 4vw;
+        font-weight: bolder;
+    }
+    
+    .subtext{
+        font-size:2vw;
+    }
+}