yusur/coinstorge
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

truncate long names

Browse source
This commit is contained in:
Face 2025-07-15 19:20:16 +03:00
parent 6956149a3d
commit 398935a0af
3 changed files with 3 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

2
website/src/lib/components/self/DataTable.svelte
View file

@ -191,7 +191,7 @@
{:else if cellData.type === 'coin'} {:else if cellData.type === 'coin'}
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<CoinIcon icon={cellData.icon} symbol={cellData.symbol} size={cellData.size} /> <CoinIcon icon={cellData.icon} symbol={cellData.symbol} size={cellData.size} />
<span class="font-medium">{cellData.name}</span> <span class="font-medium max-w-44 truncate">{cellData.name}</span>
</div> </div>
{:else if cellData.type === 'rank'} {:else if cellData.type === 'rank'}
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">

2
website/src/routes/hopium/[id]/+page.svelte
View file

@ -224,7 +224,7 @@
<MessageCircleQuestion class="h-14 w-14" /> <MessageCircleQuestion class="h-14 w-14" />
</div> </div>
<div class="flex-1"> <div class="flex-1">
<h1 class="text-2xl font-semibold">{question.question}</h1> <h1 class="text-2xl font-semibold break-all">{question.question}</h1>
{#if question.status === 'ACTIVE'} {#if question.status === 'ACTIVE'}
<p class="text-muted-foreground mt-1 text-sm"> <p class="text-muted-foreground mt-1 text-sm">
{formatTimeUntil(question.resolutionDate).startsWith('Ended') {formatTimeUntil(question.resolutionDate).startsWith('Ended')

2
website/src/routes/market/+page.svelte
View file

@ -445,7 +445,7 @@
<div class="flex items-center gap-3"> <div class="flex items-center gap-3">
<CoinIcon icon={coin.icon} symbol={coin.symbol} size={8} /> <CoinIcon icon={coin.icon} symbol={coin.symbol} size={8} />
<div> <div>
<h3 class="truncate text-lg font-semibold leading-tight">{coin.name}</h3> <h3 class="truncate max-w-44 text-lg font-semibold leading-tight">{coin.name}</h3>
<p class="text-muted-foreground truncate text-sm">*{coin.symbol}</p> <p class="text-muted-foreground truncate text-sm">*{coin.symbol}</p>
</div> </div>
</div> </div>