Logout icon
This commit is contained in:
parent
c99932df83
commit
9c4471e452
|
@ -29,4 +29,25 @@
|
|||
background-size: 70% 70%;
|
||||
}
|
||||
|
||||
|
||||
// Icone de notification
|
||||
& > .logout-icon{
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: calc( 100% - #{$menu-side-width} );
|
||||
width: $menu-side-width;
|
||||
height: $menu-side-width;
|
||||
|
||||
|
||||
background: transparent url('/src/static/logout@e0e7ed.svg') center center no-repeat;
|
||||
background-size: 40%;
|
||||
|
||||
cursor: pointer;
|
||||
|
||||
&:hover{
|
||||
background-image: url('/src/static/logout@ffffff.svg');
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
|
|
@ -22,5 +22,17 @@
|
|||
#WRAPPER > #HEADER.loading > .icon {
|
||||
background-image: url("/src/static/loaderv2.svg");
|
||||
background-size: 70% 70%; }
|
||||
#WRAPPER > #HEADER > .logout-icon {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: calc( 100% - 4em );
|
||||
width: 4em;
|
||||
height: 4em;
|
||||
background: transparent url("/src/static/logout@e0e7ed.svg") center center no-repeat;
|
||||
background-size: 40%;
|
||||
cursor: pointer; }
|
||||
#WRAPPER > #HEADER > .logout-icon:hover {
|
||||
background-image: url("/src/static/logout@ffffff.svg"); }
|
||||
|
||||
/*# sourceMappingURL=header.css.map */
|
||||
|
|
|
@ -0,0 +1,9 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 32 32">
|
||||
<path
|
||||
id="stylisable"
|
||||
d="m 0,0 0,32 21.818182,0 0,-8.727273 -2.909091,0 0,5.818182 -16.0000001,0 0,-26.1818181 16.0000001,0 0,5.8181818 2.909091,0 L 21.818182,0 0,0 Z M 22.743331,10.857411 24.800364,8.8003636 32,16 l -7.199636,7.199636 -2.057033,-2.057047 3.686458,-3.686458 -16.247244,0 0,-2.906822 16.252684,0 -3.691898,-3.691898 z" />
|
||||
</svg>
|
After Width: | Height: | Size: 521 B |
|
@ -42,6 +42,8 @@
|
|||
<!-- HEADER DE LA PAGE -->
|
||||
<div id='HEADER' style='background-color: <?= $_SESSION['WAREHOUSE']['theme']; ?>;border-bottom-color: #aaa; ?>;'>
|
||||
<div class='icon' style='background-color: <?= $_SESSION['WAREHOUSE']['theme']; ?>;'></div>
|
||||
|
||||
<a class='logout-icon' href='/logout'></a>
|
||||
</div>
|
||||
|
||||
|
||||
|
|
Loading…
Reference in New Issue