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 @@