diff --git a/assets/styles/pages/edit-profile/edit-profile-desktop.css b/assets/styles/pages/edit-profile/edit-profile-desktop.css
index 76066b0..d486cea 100644
--- a/assets/styles/pages/edit-profile/edit-profile-desktop.css
+++ b/assets/styles/pages/edit-profile/edit-profile-desktop.css
@@ -29,18 +29,12 @@ header {
}
.profile-own__image-wrapper {
- width: 50%;
-}
-
-.profile-own__image {
- width: 100%;
- height: 100%;
- object-fit: contain;
+ max-width: 180px;
}
/* Estilos para los bototnes de editar fotos de perfil y fondo */
.edit__field-avatar::before {
- top: -100px;
+ top: -120px;
font-size: 2.8rem;
}
diff --git a/assets/styles/pages/edit-profile/edit-profile.css b/assets/styles/pages/edit-profile/edit-profile.css
index 44976e8..5c95a96 100644
--- a/assets/styles/pages/edit-profile/edit-profile.css
+++ b/assets/styles/pages/edit-profile/edit-profile.css
@@ -66,11 +66,9 @@ header::before {
}
.profile-own__image-wrapper {
- display: flex;
- width: 45%;
- min-width: 40px;
- max-width: 200px;
- border-radius: 50%;
+ display: inline-flex;
+ max-width: 120px;
+ border-radius: 100%;
overflow: hidden;
background-color: var(--color-black);
}
@@ -78,8 +76,9 @@ header::before {
.profile-own__image {
width: 100%;
height: 100%;
- object-fit: contain;
+ object-fit: cover;
filter: opacity(0.7);
+ aspect-ratio: 1 / 1;
}
.profile-own__title {
@@ -142,7 +141,7 @@ input[type="file"] {
}
.edit__field-avatar::before {
- top: -70px;
+ top: -80px;
left: 50%;
transform: translateX(-50%);
font-size: 1.8rem;
diff --git a/assets/styles/pages/profile/profile-desktop.css b/assets/styles/pages/profile/profile-desktop.css
index 30b0f56..0124623 100644
--- a/assets/styles/pages/profile/profile-desktop.css
+++ b/assets/styles/pages/profile/profile-desktop.css
@@ -47,7 +47,7 @@ header {
} */
.profile-own {
- bottom: -125px;
+ bottom: -135px;
}
.profile-own__title {
@@ -60,22 +60,16 @@ header {
}
.profile-own__image-wrapper {
- width: 50%;
-}
-
-.profile-own__image {
- width: 100%;
- height: 100%;
- object-fit: contain;
+ max-width: 150px;
}
.profile__link-edit {
- right: 35px;
+ right: 15px;
font-size: 2.8rem;
}
.public-posts {
- margin-top: 140px;
+ margin-top: 160px;
}
.public-posts__title {
diff --git a/assets/styles/pages/profile/profile.css b/assets/styles/pages/profile/profile.css
index 80dd16e..5516502 100644
--- a/assets/styles/pages/profile/profile.css
+++ b/assets/styles/pages/profile/profile.css
@@ -81,26 +81,25 @@ header::before {
align-items: center;
justify-content: center;
position: absolute;
- bottom: -105px;
+ bottom: -120px;
left: 50%;
transform: translateX(-50%);
z-index: 1;
- /* background-color: tomato; */
}
.profile-own__image-wrapper {
- display: flex;
- width: 45%;
- min-width: 40px;
- max-width: 200px;
- border-radius: 50%;
+ display: inline-flex;
+ max-width: 120px;
+ border-radius: 100%;
overflow: hidden;
+ background-color: var(--color-black);
}
.profile-own__image {
width: 100%;
height: 100%;
- object-fit: contain;
+ object-fit: cover;
+ aspect-ratio: 1 / 1;
}
.profile-own__title {
@@ -121,7 +120,7 @@ header::before {
}
.public-posts {
- margin-top: 110px;
+ margin-top: 150px;
width: 100%;
min-width: 320px;
padding: 23px 0;
diff --git a/assets/styles/pages/signup/signup.css b/assets/styles/pages/signup/signup.css
index d17d8ac..0474d28 100644
--- a/assets/styles/pages/signup/signup.css
+++ b/assets/styles/pages/signup/signup.css
@@ -25,13 +25,12 @@
* Metodología => BEM
*/
-html {
+/* html {
position: relative;
min-height: 100%;
-}
+} */
body {
- margin-bottom: 90px;
background-color: rgba(0, 183, 255, 0.4);
background-size: cover;
background-repeat: no-repeat;
@@ -188,10 +187,8 @@ body {
/* Cambia los estilos del footer */
.footer {
- position: absolute;
- bottom: 0;
- width: 100%;
background-color: var(--color-black);
+ bottom: auto;
}
.footer .rights {
diff --git a/views/pages/edit-profile.php b/views/pages/edit-profile.php
index 6907f0e..f23b90b 100644
--- a/views/pages/edit-profile.php
+++ b/views/pages/edit-profile.php
@@ -55,11 +55,11 @@