|
@@ -26,13 +26,9 @@
|
|
|
<span v-if="m.sentAt" class="text-[10px] text-gray-300 dark:text-gray-600">
|
|
<span v-if="m.sentAt" class="text-[10px] text-gray-300 dark:text-gray-600">
|
|
|
{{ formatarHora(m.sentAt) }}
|
|
{{ formatarHora(m.sentAt) }}
|
|
|
</span>
|
|
</span>
|
|
|
- </div>
|
|
|
|
|
-
|
|
|
|
|
- <div class="relative max-w-[78%]">
|
|
|
|
|
<button
|
|
<button
|
|
|
type="button"
|
|
type="button"
|
|
|
- class="copy-btn absolute -top-1 z-10 flex items-center gap-1 rounded-md border border-gray-200 bg-white px-1.5 py-0.5 text-[10px] font-medium text-gray-500 opacity-0 shadow-sm transition-opacity group-hover:opacity-100 hover:text-gray-700 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-400 dark:hover:text-gray-200"
|
|
|
|
|
- :class="m.role === 'user' ? 'right-0' : 'left-0'"
|
|
|
|
|
|
|
+ class="copy-btn flex items-center gap-1 rounded-md border border-gray-200 bg-white px-1.5 py-0.5 text-[10px] font-medium text-gray-500 opacity-0 shadow-sm transition-opacity group-hover:opacity-100 hover:text-gray-700 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-400 dark:hover:text-gray-200"
|
|
|
:aria-label="`Copiar mensagem ${m.role === 'user' ? 'sua' : 'do Oráculo'}`"
|
|
:aria-label="`Copiar mensagem ${m.role === 'user' ? 'sua' : 'do Oráculo'}`"
|
|
|
@click="copiarMensagem(m.content, idx)"
|
|
@click="copiarMensagem(m.content, idx)"
|
|
|
>
|
|
>
|
|
@@ -45,7 +41,9 @@
|
|
|
</svg>
|
|
</svg>
|
|
|
{{ copiado === idx ? 'Copiado!' : 'Copiar' }}
|
|
{{ copiado === idx ? 'Copiado!' : 'Copiar' }}
|
|
|
</button>
|
|
</button>
|
|
|
|
|
+ </div>
|
|
|
|
|
|
|
|
|
|
+ <div class="max-w-[78%]">
|
|
|
<div
|
|
<div
|
|
|
class="rounded-2xl border px-3 py-2 text-sm leading-relaxed"
|
|
class="rounded-2xl border px-3 py-2 text-sm leading-relaxed"
|
|
|
:class="
|
|
:class="
|
