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:
Daniel Bevenius 2025-01-09 08:37:56 +01:00
parent 8e221289ce
commit 0817bc9bdc
2 changed files with 13 additions and 11 deletions

Binary file not shown.

View file

@ -62,18 +62,20 @@
<!-- 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 -->
<button tabindex="0" role="button" class="btn m-1" :disabled="isGenerating"> <button tabindex="0" role="button" class="btn m-1" :disabled="isGenerating">
<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 xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-three-dots-vertical" viewBox="0 0 16 16">
<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"/> <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> </svg>
</button> </button>
<!-- "more" dropdown menu --> <!-- "delete" dropdown menu -->
<ul tabindex="0" class="dropdown-content menu bg-base-100 rounded-box z-[1] w-52 p-2 shadow"> <ul tabindex="0" class="dropdown-content menu bg-base-100 rounded-box z-[1] w-52 p-2 shadow">
<li @click="downloadConv(viewingConvId)"><a>Download</a></li> <li @click="downloadConv(viewingConvId)"><a>Download</a></li>
<li class="text-error" @click="deleteConv(viewingConvId)"><a>Delete</a></li> <li class="text-error" @click="deleteConv(viewingConvId)"><a>Delete</a></li>
</ul> </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">
<!-- settings button --> <!-- settings button -->