responsive profile student

markalbrand56 · Nov 5, 2023 · 5406c94 · 5406c94
1 parent 771af04
commit 5406c94
Show file tree

Hide file tree

Showing 3 changed files with 48 additions and 1 deletion.
diff --git a/uniEmpleos/src/components/ImageDirectUploader/ImageDirectUploader.module.css b/uniEmpleos/src/components/ImageDirectUploader/ImageDirectUploader.module.css
@@ -37,3 +37,19 @@
 .UploaderButton {
     width: min(30%, 200px);
 }
+
+@media (max-width: 768px) {
+    .UploaderContainer {
+        width: 100%;
+        flex-direction: column;
+        padding: 0;
+    }
+
+    .UploaderForm {
+        width: 100%;
+        flex-direction: column;
+        align-items: center;
+        gap: 10px;
+        padding: 0;
+    }
+}
diff --git a/uniEmpleos/src/components/Input/Input.module.css b/uniEmpleos/src/components/Input/Input.module.css
@@ -66,6 +66,7 @@
     width: 100%;
     margin: 0;
     padding-left: 0;
+    padding-right: 0;
   }
 
   .inputContainer{

diff --git a/uniEmpleos/src/pages/EditProfileEstudiantes/EditProfileEstudiante.module.css b/uniEmpleos/src/pages/EditProfileEstudiantes/EditProfileEstudiante.module.css
@@ -2,7 +2,7 @@
   display: flex;
   justify-content: flex-start;
   align-items: center;
-  background-color: #f1f1f1;
+  background-color: #fff;
   flex-direction: column;
   height: 100%;
   width: 100%;
@@ -126,3 +126,33 @@
   align-items: center;
   padding: 0 10px 0 10px;
 }
+
+@media (max-width: 768px) {
+  .editProfileContainer{
+    padding: 0;
+    width: 90%;
+  }
+
+  .inputsContainer {
+    width: 100%;
+    padding: 0;
+  }
+
+  .editProfileContainer>div {
+    padding: 20px 0px;
+    margin: 20px 0;
+  }
+
+  .inputSubContainer {
+    width: 90%;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+  }
+
+  .inputSubContainerDataGroup1 {
+    width: 90%;
+  }
+
+}