diff --git a/public/assets/css/Admin/modules/Perfile/perfile-styles.css b/public/assets/css/Admin/modules/Perfile/perfile-styles.css index 0e08d60..211e450 100644 --- a/public/assets/css/Admin/modules/Perfile/perfile-styles.css +++ b/public/assets/css/Admin/modules/Perfile/perfile-styles.css @@ -6,11 +6,11 @@ .cont-perfil{ display: flex; width: 100%; - height: 12%; + height: auto; background-color: #D9D9D9; border: 1px solid black; margin-top: 30px; - align-items: center; + padding: 3rem 0 3rem; } /* Info Perfil */ @@ -23,35 +23,7 @@ .cont-info-perfil li{ font-size: 17px; - margin-bottom: 25px; - } - -/* Botón Editar Perfil */ -.editar-perfil{ - display: flex; - width: 100%; - height: 40px; - margin-top: 40px; - justify-content: end; -} - - - .bott-editar_perfil{ - display: flex; - width: 200px; - height: 100%; - background-color: #2121E3; - justify-self: end; - border: 1px solid black; - border-radius: 7px; - justify-content: center; - align-items: center; - cursor: pointer; - } - - .bott-editar_perfil h2{ - color: white; - font-size: 20px; + margin: 10px 0 10px; } /* @Media */ @@ -59,106 +31,33 @@ @media(max-width:1024px){ /* Contenedor de perfil */ .cont-perfil{ - display: flex; - width: 100%; - height: 12%; - background-color: #D9D9D9; - border: 1px solid black; - margin-top: 30px; - align-items: center; + padding: 2rem 0 2rem; } /* Info Perfil */ .cont-info-perfil{ - display: flex; - list-style: none; - flex-direction: column; margin-left: 50px; } .cont-info-perfil li{ font-size: 15px; - margin-bottom: 20px; - } - - /* Botón Editar Perfil */ - .editar-perfil{ - display: flex; - width: 100%; - height: 40px; - margin-top: 40px; - justify-content: end; - } - - - .bott-editar_perfil{ - display: flex; - width: 180px; - height: 90%; - background-color: #2121E3; - justify-self: end; - border: 1px solid black; - border-radius: 7px; - justify-content: center; - align-items: center; - } - - .bott-editar_perfil h2{ - color: white; - font-size: 18px; + margin: 7px 0 7px; } } - /* @Media 634px */ - @media(max-width: 634px){ + /* @Media 425px */ + @media(max-width: 425px){ /* Contenedor de perfil */ .cont-perfil{ - display: flex; - width: 100%; - height: 6%; - background-color: #D9D9D9; - border: 1px solid black; - margin-top: 30px; - align-items: center; - } - - /* Info Perfil */ - .cont-info-perfil{ - display: flex; - list-style: none; - flex-direction: column; - margin-left: 20px; - } - - .cont-info-perfil li{ - font-size: 10px; - margin-bottom: 15px; - } + padding: 1rem 1.5rem 1rem; + justify-content: flex-start; + } - /* Botón Editar Perfil */ - .editar-perfil{ - display: flex; - width: 100%; - height: 40px; - margin-top: 40px; - justify-content: end; + .cont-info-perfil{ + margin-left: 0; } - - .bott-editar_perfil{ - display: flex; - width: 110px; - height: 60%; - background-color: #2121E3; - justify-self: end; - border: 1px solid black; - border-radius: 7px; - justify-content: center; - align-items: center; - } - - .bott-editar_perfil h2{ - color: white; - font-size: 11px; - } + .cont-info-perfil li{ + font-size: 12px; + } }