squash! server : add tooltips to settings and themes btn
This commit adds a tooltip to the '...' button when a chat has been started. The tooltip is "Chat options" which think could be a good description as the dropdown contains options to delete or download the current chat.
This commit is contained in:
parent
8e221289ce
commit
0817bc9bdc
2 changed files with 13 additions and 11 deletions
Binary file not shown.
|
@ -62,17 +62,19 @@
|
||||||
<!-- action buttons (top right) -->
|
<!-- action buttons (top right) -->
|
||||||
<div class="flex items-center">
|
<div class="flex items-center">
|
||||||
<div v-if="messages.length > 0" class="dropdown dropdown-end">
|
<div v-if="messages.length > 0" class="dropdown dropdown-end">
|
||||||
<!-- "more" button -->
|
<div class="tooltip tooltip-bottom" data-tip="Chat options">
|
||||||
<button tabindex="0" role="button" class="btn m-1" :disabled="isGenerating">
|
<!-- "..." button -->
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-three-dots-vertical" viewBox="0 0 16 16">
|
<button tabindex="0" role="button" class="btn m-1" :disabled="isGenerating">
|
||||||
<path d="M9.5 13a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0"/>
|
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-three-dots-vertical" viewBox="0 0 16 16">
|
||||||
</svg>
|
<path d="M9.5 13a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0"/>
|
||||||
</button>
|
</svg>
|
||||||
<!-- "more" dropdown menu -->
|
</button>
|
||||||
<ul tabindex="0" class="dropdown-content menu bg-base-100 rounded-box z-[1] w-52 p-2 shadow">
|
<!-- "delete" dropdown menu -->
|
||||||
<li @click="downloadConv(viewingConvId)"><a>Download</a></li>
|
<ul tabindex="0" class="dropdown-content menu bg-base-100 rounded-box z-[1] w-52 p-2 shadow">
|
||||||
<li class="text-error" @click="deleteConv(viewingConvId)"><a>Delete</a></li>
|
<li @click="downloadConv(viewingConvId)"><a>Download</a></li>
|
||||||
</ul>
|
<li class="text-error" @click="deleteConv(viewingConvId)"><a>Delete</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="tooltip tooltip-bottom" data-tip="Settings">
|
<div class="tooltip tooltip-bottom" data-tip="Settings">
|
||||||
<button class="btn" @click="showConfigDialog = true" :disabled="isGenerating">
|
<button class="btn" @click="showConfigDialog = true" :disabled="isGenerating">
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue