|
|
|
@ -12,9 +12,14 @@
|
|
|
|
|
margin: auto;
|
|
|
|
|
background: #fff;
|
|
|
|
|
border-radius: 2px;
|
|
|
|
|
padding: 1em;
|
|
|
|
|
padding: 2em;
|
|
|
|
|
height: max-content;
|
|
|
|
|
}
|
|
|
|
|
@media (max-width: 350px) {
|
|
|
|
|
#modals > div {
|
|
|
|
|
padding: 2em 1em !important;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
<div id="modals" onclick="MODAL.hide(this)"
|
|
|
|
@ -45,6 +50,20 @@
|
|
|
|
|
<div class="img"><img src="/img/sv-account-circle.svg"/></div>
|
|
|
|
|
<span class="text"><?php l('modals.profile', 'Profile') ?></span>
|
|
|
|
|
</a>
|
|
|
|
|
<a class="btn-img" href="javascript:MODAL.show('logout')">
|
|
|
|
|
<div class="img" style="margin:0">
|
|
|
|
|
<img src="/img/sv-logout.svg"/></div>
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="logout">
|
|
|
|
|
<p><?php l('modals.logout_confirm', 'Are you sure you want to end your current session?') ?></p>
|
|
|
|
|
<div style="display:flex">
|
|
|
|
|
<a class="button button-primary u-full-width" href="javascript:MODAL.hide()">
|
|
|
|
|
<?php l('modals.cancel', 'Cancel') ?></a>
|
|
|
|
|
<div style="width:1em"></div>
|
|
|
|
|
<a class="button u-full-width" href="/logout/">
|
|
|
|
|
<?php l('modals.yes', 'Yes') ?></a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
@ -67,7 +86,7 @@ const MODAL = {
|
|
|
|
|
anchors[i].setAttribute('onclick', 'event.stopPropagation();');
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
hide: function(el) {
|
|
|
|
|
hide: function() {
|
|
|
|
|
document.querySelector('#modals').style = 'display:none';
|
|
|
|
|
document.querySelector('#modals').className = '';
|
|
|
|
|
}
|
|
|
|
|