help buttons

This commit is contained in:
ThatOneCalculator 2023-02-08 18:29:50 -08:00
parent c7be56e1c9
commit 7eb887c3b6
No known key found for this signature in database
GPG Key ID: 8703CACD01000000
1 changed files with 16 additions and 6 deletions

View File

@ -44,12 +44,12 @@
<button v-tooltip.noDelay.right="i18n.ts.note" class="item _button post" data-cy-open-post-form @click="os.post"> <button v-tooltip.noDelay.right="i18n.ts.note" class="item _button post" data-cy-open-post-form @click="os.post">
<i class="icon ph-pencil-bold ph-lg ph-fw ph-lg"></i><span class="text">{{ i18n.ts.note }}</span> <i class="icon ph-pencil-bold ph-lg ph-fw ph-lg"></i><span class="text">{{ i18n.ts.note }}</span>
</button> </button>
<div> <div class="info">
<button v-tooltip.noDelay.right="i18n.ts.info" class="item _button post" data-cy-open-post-form @click="openInfoMenu"> <button v-tooltip.noDelay.right="i18n.ts.info" class="item _button help" style="margin-right: 10px" data-cy-open-post-form @click="openInfoMenu">
<i class="icon ph-info-bold ph-lg ph-fw ph-lg"></i><span class="text">{{ i18n.ts.note }}</span> <i class="icon ph-info-bold ph-xl ph-fw ph-lg"></i>
</button> </button>
<button v-tooltip.noDelay.right="i18n.ts.help" class="item _button post" data-cy-open-post-form @click="openHelpMenu"> <button v-tooltip.noDelay.right="i18n.ts.help" class="item _button help" style="margin-left: 10px" data-cy-open-post-form @click="openHelpMenu">
<i class="icon ph-question-bold ph-lg ph-fw ph-lg"></i><span class="text">{{ i18n.ts.note }}</span> <i class="icon ph-question-bold ph-xl ph-fw ph-lg"></i>
</button> </button>
</div> </div>
<!-- <button v-click-anime v-tooltip.noDelay.right="$instance.name ?? i18n.ts.instance" class="item _button instance" @click="openInstanceMenu"> <!-- <button v-click-anime v-tooltip.noDelay.right="$instance.name ?? i18n.ts.instance" class="item _button instance" @click="openInstanceMenu">
@ -182,7 +182,9 @@ function openInfoMenu(ev: MouseEvent) {
text: 'API Console', text: 'API Console',
icon: 'ph-terminal-window-bold ph-lg', icon: 'ph-terminal-window-bold ph-lg',
}, },
]); ], ev.currentTarget ?? ev.target, {
align: 'left',
});
} }
function more(ev: MouseEvent) { function more(ev: MouseEvent) {
@ -297,6 +299,14 @@ function more(ev: MouseEvent) {
} }
} }
> .info {
margin: 10px;
align-items: center;
display: flex;
padding: 10px;
justify-content: center;
}
> .icon, > .text { > .icon, > .text {
position: relative; position: relative;
left: 3rem; left: 3rem;