edited profile page

GSG-G8 · Jun 9, 2020 · a3341f6 · a3341f6
1 parent 373f034
commit a3341f6
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 5 deletions.
diff --git a/client/src/components/pages/application/Profile/index.css b/client/src/components/pages/application/Profile/index.css
@@ -1,7 +1,12 @@
 .Container_page_profile {
-  height: auto;
+  height: 100vh;
+  padding-top: 15%;
   margin: 0;
-
+  background-color: rgb(245, 245, 245);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding-bottom: 15%;
 }
 
 .profile {
@@ -10,6 +15,15 @@
 
 .Profile__container {
   margin: 4rem 0 1rem 0;
+  z-index: 3;
+}
+.profileImage_backGround{
+  position: fixed;
+  left: 2%;
+  z-index: 0;
+  top: 30%;
+  height: 70vh;
+  width: 20vw;
 }
 
 .profileImage {
@@ -56,4 +70,14 @@
   height: .1rem;
   margin: 0;
   padding: 0;
+}
+
+@media only screen and (max-width: 610px) {
+ .Profile__container{
+   width: 100%;
+ }
+  .Container_page_profile {
+    height: 100vh;
+    padding-top: 20%;
+  }
 }
diff --git a/client/src/components/pages/application/Profile/index.js b/client/src/components/pages/application/Profile/index.js
@@ -27,15 +27,15 @@ const ProfilePage = ({ userId, userData }) => {
   }, [Technical, userId]);
 
   return (
-    <div className="Container_page Container_page_profile">
+    <div className=" Container_page_profile">
       <Helmet>
         <title>Profile</title>
       </Helmet>
-      <img src={backGround} alt="backGround" className="profile backGround" />
+      <img src={backGround} alt="backGround" className="backGround" />
       <img
         src={profileImage}
         alt="backGround"
-        className="profileImage profile"
+        className="profileImage_backGround"
       />
 
       {userData && Technical ? (