dandri/MeshChatX
1
0
Fork 0
mirror of https://git.quad4.io/RNS-Things/MeshChatX.git synced 2026-05-14 21:55:04 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(conversation): update date divider styling for improved visual consistency and accessibility

Browse Source
This commit is contained in:
Ivan
2026-05-03 14:21:30 -05:00
parent 1d50d647b7
commit 389a2f47a4
1 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
meshchatx/src/frontend/components/messages/ConversationMessageEntry.vue
+4 -2
View File
@@ -353,15 +353,17 @@
</div>
<div
v-else-if="entry.type === 'dateDivider'"
class="flex justify-center w-full max-w-full my-3 shrink-0"
class="flex items-center justify-center gap-3 w-full max-w-full my-3 shrink-0 px-2 select-none"
role="separator"
:aria-label="cv.formatDateDividerLabel(entry.dayKey)"
>
<span class="h-px w-10 shrink-0 bg-gray-300/85 sm:w-14 dark:bg-zinc-600/70" aria-hidden="true" />
<span
class="inline-flex items-center rounded-full border border-gray-200/90 bg-gray-50/95 px-3 py-1 text-[11px] font-medium tracking-wide text-gray-600 shadow-xs dark:border-zinc-700/90 dark:bg-zinc-800/90 dark:text-zinc-300"
class="max-w-[min(100%,18rem)] text-center text-[11px] font-medium leading-snug tracking-wide text-gray-500/95 dark:text-zinc-400/95"
>
{{ cv.formatDateDividerLabel(entry.dayKey) }}
</span>
<span class="h-px w-10 shrink-0 bg-gray-300/85 sm:w-14 dark:bg-zinc-600/70" aria-hidden="true" />
</div>
<div
v-for="chatItem in [entry.chatItem]"