Logout icon
This commit is contained in:
parent
c99932df83
commit
9c4471e452
|
@ -29,4 +29,25 @@
|
||||||
background-size: 70% 70%;
|
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 {
|
#WRAPPER > #HEADER.loading > .icon {
|
||||||
background-image: url("/src/static/loaderv2.svg");
|
background-image: url("/src/static/loaderv2.svg");
|
||||||
background-size: 70% 70%; }
|
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 */
|
/*# 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 -->
|
<!-- HEADER DE LA PAGE -->
|
||||||
<div id='HEADER' style='background-color: <?= $_SESSION['WAREHOUSE']['theme']; ?>;border-bottom-color: #aaa; ?>;'>
|
<div id='HEADER' style='background-color: <?= $_SESSION['WAREHOUSE']['theme']; ?>;border-bottom-color: #aaa; ?>;'>
|
||||||
<div class='icon' style='background-color: <?= $_SESSION['WAREHOUSE']['theme']; ?>;'></div>
|
<div class='icon' style='background-color: <?= $_SESSION['WAREHOUSE']['theme']; ?>;'></div>
|
||||||
|
|
||||||
|
<a class='logout-icon' href='/logout'></a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue