arthur/artchat
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/artchat.git synced 2026-01-25 05:52:29 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat: improve CommandPalette UI layout and enhance MessageContainer styling for better visibility

Browse Source
This commit is contained in:
Arthur Danjou
2025-09-03 13:52:57 +02:00
parent 37ff32b080
commit a6e3d4f57f
4 changed files with 22 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
app/components/chat/CommandPalette.vue
View File

@@ -68,8 +68,10 @@ const commandPaletteUi = {
:disabled="loading"
>
<template #trailing>
<UKbd value="meta" color="info" />
<UKbd value="enter" color="info" />
<div class="hidden md:flex gap-1">
<UKbd value="meta" color="info" />
<UKbd value="enter" color="info" />
</div>
</template>
</UButton>

4
app/components/chat/MessageContainer.vue
View File

@@ -24,7 +24,7 @@ const formatted = computed(() => useDateFormat(useNow(), 'D MMMM YYYY, HH:mm', {
{{ t(message.content || '') }}
</UCard>
</div>
<div class="opacity-0 group-hover:opacity-80 duration-500 flex text-xs italic justify-end">
<div class="text-muted opacity-0 group-hover:opacity-80 duration-500 flex text-xs italic justify-end">
{{ formatted }}
</div>
</div>
@@ -83,7 +83,7 @@ const formatted = computed(() => useDateFormat(useNow(), 'D MMMM YYYY, HH:mm', {
<span class="md:hidden">Arthur DANJOU</span>
</div>
</div>
<div class="opacity-0 group-hover:opacity-80 duration-500 flex text-xs italic justify-start ml-12">
<div class="text-muted opacity-0 group-hover:opacity-80 duration-500 flex text-xs italic justify-start ml-12">
{{ formatted }}
</div>
</div>