Ajuste estilos vista: Perfil

FazeElian · Mar 4, 2024 · 967cd75 · 967cd75
1 parent 16cc3cc
commit 967cd75
Showing 1 changed file with 15 additions and 116 deletions.
diff --git 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,142 +23,41 @@
 
     .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 */
     /* @Media 1024px */
     @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;
+            }
     }