remodificacion menu

This commit is contained in:
2023-03-22 23:45:58 -05:00
parent 5f1099c7dd
commit 639e1c6bd8
2 changed files with 12 additions and 11 deletions

View File

@@ -117,33 +117,34 @@
height: 150px; height: 150px;
background: rgba(35, 55, 68, 0.9); background: rgba(35, 55, 68, 0.9);
position: fixed; position: fixed;
top: 60px; top: 58px;
right: 12px; right: 12px;
border-radius: 20px 0px 20px 20px; border-radius: 20px 0px 20px 20px;
transition: 0.5s; transition: 0.5s;
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.8); box-shadow: 10px 10px 10px rgb(0, 0, 0);
} }
.menu_avatar ul li{ .menu_avatar ul li{
position: relative; position: relative;
width: 100%; width: 100%;
list-style: none; list-style: none;
text-align: left; text-align: left;
border-radius: 10px;
} }
.menu_avatar ul li:hover{ .menu_avatar ul li:hover{
background: #2c5f77; background: #2c5f77;
} }
.menu_AvatarOrden{ .menu_Avatar{
height: 30px; height: 30px;
cursor: pointer; cursor: pointer;
} }
.sel_salir{ .bt_salir{
margin-top: 10px; margin-top: 10px;
} }
.sel_nueva{ .bt_nueva{
margin-top: 10px; margin-top: 10px;
} }
.menu_AvatarOrden .icon{ .menu_Avatar .icon{
margin: 5px 5px 10px 10px; margin: 5px 11px 10px 15px;
font-size: 20px; font-size: 20px;
} }

View File

@@ -109,25 +109,25 @@
<div class="menu_avatar" id="menu_userAvatar"> <div class="menu_avatar" id="menu_userAvatar">
<ul> <ul>
<li> <li>
<div class="menu_AvatarOrden sel_nueva"> <div class="menu_Avatar bt_nueva">
<span class="icon"><i class="fa fa-plus"></i></span> <span class="icon"><i class="fa fa-plus"></i></span>
<span class="title"> Nueva Orden</span> <span class="title"> Nueva Orden</span>
</div> </div>
</li> </li>
<li> <li>
<div class="menu_AvatarOrden"> <div class="menu_Avatar">
<span class="icon"><i class="fa fa-cog" aria-hidden="true"></i></span> <span class="icon"><i class="fa fa-cog" aria-hidden="true"></i></span>
<span class="title"> Configuracion</span> <span class="title"> Configuracion</span>
</div> </div>
</li> </li>
<li> <li>
<div class="menu_AvatarOrden"> <div class="menu_Avatar">
<span class="icon"><i class="fa fa-lock" aria-hidden="true"></i></span> <span class="icon"><i class="fa fa-lock" aria-hidden="true"></i></span>
<span class="title"> Contraseña</span> <span class="title"> Contraseña</span>
</div> </div>
</li> </li>
<li> <li>
<div class="menu_AvatarOrden sel_salir"> <div class="menu_Avatar bt_salir">
<span class="icon"><i class="fa fa-sign-out" aria-hidden="true"></i></span> <span class="icon"><i class="fa fa-sign-out" aria-hidden="true"></i></span>
<span class="title"> Cerrar Sesion</span> <span class="title"> Cerrar Sesion</span>
</div> </div>