Enhance chat view with server-specific colors, timestamp display, and improved message styling.

2026-07-19 01:36:13 +02:00
parent 634de9a856
commit 6996ecf48c
3 changed files with 23 additions and 4 deletions
@@ -10,10 +10,11 @@
    <section class="darkmodeSection">
      @for (message of messages(); track message.timestamp) {
        <p>
+          <span class="date-time">[{{ message.timestamp | date: 'mediumTime' }}] </span>
          @if (message.notBlocked) {
-            [{{ message.server }}]
+            <span [style.color]=getServerColor(message.server)>[{{ message.server }}] </span>
          } @else {
-            <span style="color: red">[{{ message.server }}] </span>
+            <span class="blocked">[{{ message.server }}] </span>
          }
          <mini-message [node]="message.messageJson"></mini-message>
        </p>