chore: long usernames in auth page

While testing #5670 I noticed that the auth page has an identical issue with long usernames. This just uses a flex row and the same 'text-ellipsis overflow-hidden max-w-64' to ensure long usernames don't cause UI issues. Signed-off-by: Tim deBoer <git@tdeboer.ca>
containers · Jan 29, 2024 · 8135532 · 8135532
1 parent fd33d44
commit 8135532
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/renderer/src/lib/preferences/PreferencesAuthenticationProvidersRendering.svelte b/packages/renderer/src/lib/preferences/PreferencesAuthenticationProvidersRendering.svelte
@@ -78,8 +78,8 @@ import Tooltip from '/@/lib/ui/Tooltip.svelte';
                 {#each provider.accounts as account}
                   <div class="flex flex-row">
                     <div class="flex items-center w-full">
-                      <div class="text-xs bg-charcoal-800 p-2 rounded-lg mt-1">
-                        <span class="my-auto font-bold col-span-1 text-right">
+                      <div class="flex flex-row text-xs bg-charcoal-800 p-2 rounded-lg mt-1">
+                        <span class="my-auto font-bold col-span-1 text-ellipsis overflow-hidden max-w-64">
                           {account.label}
                         </span>
                         <Tooltip tip="Sign out of {account.label}" left>