From a8dfc0091ccdb4363420f2396e325c7d60196642 Mon Sep 17 00:00:00 2001
From: Jonathan <jonathanbuko@icloud.com>
Date: Sat, 2 Nov 2024 00:32:12 +0100
Subject: [PATCH] truncate text so it doesnt break and look weird

---
 src/lib/components/layout/Sidebar/UserMenu.svelte | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/lib/components/layout/Sidebar/UserMenu.svelte b/src/lib/components/layout/Sidebar/UserMenu.svelte
index e56cb5efc..32c0d822c 100644
--- a/src/lib/components/layout/Sidebar/UserMenu.svelte
+++ b/src/lib/components/layout/Sidebar/UserMenu.svelte
@@ -69,7 +69,7 @@
 						/>
 					</svg>
 				</div>
-				<div class=" self-center">{$i18n.t('Settings')}</div>
+				<div class=" self-center truncate">{$i18n.t('Settings')}</div>
 			</button>
 
 			<button
@@ -86,7 +86,7 @@
 				<div class=" self-center mr-3">
 					<ArchiveBox className="size-5" strokeWidth="1.5" />
 				</div>
-				<div class=" self-center">{$i18n.t('Archived Chats')}</div>
+				<div class=" self-center truncate">{$i18n.t('Archived Chats')}</div>
 			</button>
 
 			{#if role === 'admin'}
@@ -117,7 +117,7 @@
 							/>
 						</svg>
 					</div>
-					<div class=" self-center">{$i18n.t('Playground')}</div>
+					<div class=" self-center truncate">{$i18n.t('Playground')}</div>
 				</button>
 
 				<button
@@ -147,7 +147,7 @@
 							/>
 						</svg>
 					</div>
-					<div class=" self-center">{$i18n.t('Admin Panel')}</div>
+					<div class=" self-center truncate">{$i18n.t('Admin Panel')}</div>
 				</button>
 			{/if}
 
@@ -181,7 +181,7 @@
 						/>
 					</svg>
 				</div>
-				<div class=" self-center">{$i18n.t('Sign Out')}</div>
+				<div class=" self-center truncate">{$i18n.t('Sign Out')}</div>
 			</button>
 
 			{#if $activeUserCount}