feat: icons for message formats

Fabio286 · Apr 18, 2023 · ec320c7 · ec320c7
1 parent 3f1ea87
commit ec320c7
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/src/renderer/components/ClientTabMessages.vue b/src/renderer/components/ClientTabMessages.vue
@@ -26,7 +26,11 @@
                   @change="updateMessages"
                >
                <div class="checkbox-block" />
-               <span class="format">({{ message.format }})</span>
+               <span
+                  class="mdi"
+                  :class="[message.format === 'hex' ? 'mdi-hexadecimal' : 'mdi-format-text']"
+                  :title="message.format"
+               />
                <span>{{ truncate(message.name, 25, '...') }}</span>
             </label>
             <i

diff --git a/src/renderer/scss/main.scss b/src/renderer/scss/main.scss
@@ -359,7 +359,7 @@ label {
 }
 
 #messageBox .format {
-  font-family: "Roboto Mono";
+  font-family: "Roboto Mono", "Courier New", monospace;
   font-size: 10px;
 }