truncate text so it doesnt break and look weird

This commit is contained in:
Jonathan 2024-11-02 00:32:12 +01:00
parent 7228b39064
commit a8dfc0091c

View File

@ -69,7 +69,7 @@
/> />
</svg> </svg>
</div> </div>
<div class=" self-center">{$i18n.t('Settings')}</div> <div class=" self-center truncate">{$i18n.t('Settings')}</div>
</button> </button>
<button <button
@ -86,7 +86,7 @@
<div class=" self-center mr-3"> <div class=" self-center mr-3">
<ArchiveBox className="size-5" strokeWidth="1.5" /> <ArchiveBox className="size-5" strokeWidth="1.5" />
</div> </div>
<div class=" self-center">{$i18n.t('Archived Chats')}</div> <div class=" self-center truncate">{$i18n.t('Archived Chats')}</div>
</button> </button>
{#if role === 'admin'} {#if role === 'admin'}
@ -117,7 +117,7 @@
/> />
</svg> </svg>
</div> </div>
<div class=" self-center">{$i18n.t('Playground')}</div> <div class=" self-center truncate">{$i18n.t('Playground')}</div>
</button> </button>
<button <button
@ -147,7 +147,7 @@
/> />
</svg> </svg>
</div> </div>
<div class=" self-center">{$i18n.t('Admin Panel')}</div> <div class=" self-center truncate">{$i18n.t('Admin Panel')}</div>
</button> </button>
{/if} {/if}
@ -181,7 +181,7 @@
/> />
</svg> </svg>
</div> </div>
<div class=" self-center">{$i18n.t('Sign Out')}</div> <div class=" self-center truncate">{$i18n.t('Sign Out')}</div>
</button> </button>
{#if $activeUserCount} {#if $activeUserCount}