💄 add quit icon

This commit is contained in:
Vanessa 2022-06-01 17:42:18 +08:00
parent 53e90d4e29
commit 77add17e93
4 changed files with 13 additions and 1 deletions

View file

@ -1,5 +1,8 @@
document.body.insertAdjacentHTML('afterBegin', `<svg style="position: absolute; width: 0; height: 0; overflow: hidden;" xmlns="http://www.w3.org/2000/svg">
<defs>
<symbol id="iconQuit" viewBox="0 0 32 32">
<path d="M16 32c-8.009 0-14.5-6.491-14.5-14.5 0-6.062 3.722-11.253 9-13.419v0.004c0.156-0.056 0.324-0.086 0.501-0.086 0.826 0 1.501 0.671 1.501 1.499 0 0.652-0.417 1.21-1.002 1.415v0.001c-4.113 1.75-7 5.831-7 10.584 0 6.352 5.148 11.5 11.5 11.5s11.501-5.149 11.501-11.5c0-4.753-2.884-8.834-7.001-10.584-0.583-0.205-1-0.762-1-1.415 0-0.828 0.671-1.5 1.5-1.5 0.174 0 0.341 0.030 0.5 0.086v-0.004c5.283 2.166 9 7.357 9 13.419 0.001 8.009-6.491 14.499-14.5 14.499zM16 16.5c-0.827 0-1.499-0.671-1.499-1.501v-13.5c-0.001-0.826 0.672-1.5 1.499-1.5 0.828 0 1.5 0.672 1.5 1.5v13.499c0 0.829-0.671 1.502-1.5 1.502z"></path>
</symbol>
<symbol id="iconHideDock" viewBox="0 0 32 32">
<path d="M16.015 6.545l-2.924 3.636h5.818l-2.895-3.636zM24.727 13.091v5.818l3.636-2.895-3.636-2.924zM7.273 13.091l-3.636 2.924 3.636 2.895v-5.818zM18.909 21.818h-5.818l2.924 3.636 2.895-3.636zM29.091 2.909h-26.182c-1.6 0-2.909 1.309-2.909 2.909v20.364c0 1.6 1.309 2.909 2.909 2.909h26.182c1.6 0 2.909-1.309 2.909-2.909v-20.364c0-1.6-1.309-2.909-2.909-2.909zM29.091 26.196h-26.182v-20.393h26.182v20.393z"></path>
</symbol>

View file

@ -28,6 +28,12 @@
<body>
<h2>SiYuan</h2>
<div class="fn__clear">
<div>
<svg>
<use xlink:href="#iconQuit"></use>
</svg>
iconQuit
</div>
<div>
<svg>
<use xlink:href="#iconDock"></use>

View file

@ -1,5 +1,8 @@
document.body.insertAdjacentHTML('afterbegin', `
<svg style="position: absolute; width: 0; height: 0; overflow: hidden;" xmlns="http://www.w3.org/2000/svg"><defs>
<symbol id="iconQuit" viewBox="0 0 32 32">
<path d="M16 32c-8.009 0-14.5-6.491-14.5-14.5 0-6.062 3.722-11.253 9-13.419v0.004c0.156-0.056 0.324-0.086 0.501-0.086 0.826 0 1.501 0.671 1.501 1.499 0 0.652-0.417 1.21-1.002 1.415v0.001c-4.113 1.75-7 5.831-7 10.584 0 6.352 5.148 11.5 11.5 11.5s11.501-5.149 11.501-11.5c0-4.753-2.884-8.834-7.001-10.584-0.583-0.205-1-0.762-1-1.415 0-0.828 0.671-1.5 1.5-1.5 0.174 0 0.341 0.030 0.5 0.086v-0.004c5.283 2.166 9 7.357 9 13.419 0.001 8.009-6.491 14.499-14.5 14.499zM16 16.5c-0.827 0-1.499-0.671-1.499-1.501v-13.5c-0.001-0.826 0.672-1.5 1.499-1.5 0.828 0 1.5 0.672 1.5 1.5v13.499c0 0.829-0.671 1.502-1.5 1.502z"></path>
</symbol>
<symbol id="iconHideDock" viewBox="0 0 32 32">
<path d="M16.015 6.545l-2.924 3.636h5.818l-2.895-3.636zM24.727 13.091v5.818l3.636-2.895-3.636-2.924zM7.273 13.091l-3.636 2.924 3.636 2.895v-5.818zM18.909 21.818h-5.818l2.924 3.636 2.895-3.636zM29.091 2.909h-26.182c-1.6 0-2.909 1.309-2.909 2.909v20.364c0 1.6 1.309 2.909 2.909 2.909h26.182c1.6 0 2.909-1.309 2.909-2.909v-20.364c0-1.6-1.309-2.909-2.909-2.909zM29.091 26.196h-26.182v-20.393h26.182v20.393z"></path>
</symbol>

View file

@ -150,7 +150,7 @@ ${accountHTML}
<svg class="b3-list-item__graphic"><use xlink:href="#iconInfo"></use></svg><span class="b3-list-item__text">${window.siyuan.languages.about}</span>
</div>
<div class="b3-list-item b3-list-item--big" id="menuSafeQuit">
<svg class="b3-list-item__graphic"></svg><span class="b3-list-item__text">${window.siyuan.languages.safeQuit}</span>
<svg class="b3-list-item__graphic"><use xlink:href="#iconQuit"></use></svg><span class="b3-list-item__text">${window.siyuan.languages.safeQuit}</span>
</div>`;
document.getElementById("menuSearch").addEventListener(getEventName(), () => {