project updated

shubho0908 · Mar 12, 2023 · a1efaab · a1efaab
1 parent 1f6a503
commit a1efaab
Show file tree

Hide file tree

Showing 2 changed files with 65 additions and 5 deletions.
diff --git a/src/Components/Profile.js b/src/Components/Profile.js
@@ -6,6 +6,7 @@ import { app } from "../Firebase";
 import Default from "../imgs/default.png";
 import USER from "../imgs/user.png";
 import contact from "../imgs/contact.png";
+import LowerNav from "./LowerNav";
 import { getAuth, onAuthStateChanged, signOut } from "firebase/auth";
 import { useNavigate } from "react-router-dom";
 
@@ -16,7 +17,6 @@ function Profile() {
   const [image, setImage] = useState("");
   const navigate = useNavigate();
 
-
   const checkDP = () => {
     if (user && user.photoURL && user.photoURL.includes("https")) {
       setImage(user.photoURL);
@@ -30,8 +30,11 @@ function Profile() {
 
   useEffect(() => {
     checkDP();
-  }, [user])
-
+  }, [user]);
+
+  useEffect(() => {
+    window.scrollTo(0, 0);
+  }, []);
 
   useEffect(() => {
     onAuthStateChanged(auth, (user) => {
@@ -41,7 +44,6 @@ function Profile() {
         setUser(null);
       }
     });
-
   }, []);
 
   return (
@@ -102,6 +104,9 @@ function Profile() {
           </div>
         </div>
       </div>
+      <div className="lowerNav">
+        <LowerNav />
+      </div>
       <Footer />
     </>
   );

diff --git a/src/Components/profile.css b/src/Components/profile.css
@@ -159,7 +159,62 @@
   margin: 0;
 }
 
-.left-account-section{
+.left-account-section {
   margin-right: 50px;
+}
 
+/* MEDIA QUERIES */
+
+@media (max-width: 870px) {
+  .personal-user-data {
+    grid-template-columns: repeat(1, 260px);
+  }
+  .personal-mail {
+    margin-left: 0px;
+  }
+}
+
+@media (max-width: 720px) {
+  .welcome-mssg,
+  .personal-info-head {
+    font-size: 27px;
+  }
+  .personal-info-desc {
+    font-size: 15px;
+  }
+}
+
+@media (max-width: 580px) {
+  .profile-img {
+    width: 110px;
+  }
+  .personal-info-head {
+    display: none;
+  }
+  .personal-info-desc {
+    display: none;
+  }
+  .account-section2 {
+    flex-direction: column;
+    align-items: center;
+  }
+  .left-account-section {
+    margin-right: 0px;
+    align-items: center;
+    margin-bottom: 30px;
+  }
+  .welcome-mssg {
+    font-size: 25px;
+    border-bottom: 2px solid rgba(220, 220, 220, 0.566);
+  }
+  .top-section {
+    border: none;
+  }
+}
+
+@media (max-width: 330px) {
+  .personal-name, .personal-mail{
+    min-width: 205px;
+  }
+
 }