From c91a7540ac7b77c453b06d2463ed5757e2bc4254 Mon Sep 17 00:00:00 2001
From: liamcottle <liam@liamcottle.com>
Date: Fri, 22 Nov 2024 23:25:17 +1300
Subject: [PATCH] truncate header subtitle text if too long

---
 src/components/Header.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Header.vue b/src/components/Header.vue
index 6395297..25822cc 100644
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@@ -3,9 +3,9 @@
         <div class="my-auto mr-2">
             <img src="/icon.png" class="size-12 rounded"/>
         </div>
-        <div class="my-auto mr-auto">
+        <div class="my-auto mr-auto overflow-hidden">
             <div class="font-bold">MeshTXT</div>
-            <div class="text-sm">
+            <div class="text-sm truncate">
 
                 <!-- disconnected -->
                 <span v-if="GlobalState.deviceStatus == null || GlobalState.deviceStatus === Types.DeviceStatusEnum.DeviceDisconnected">