The weeb for the next gen discord boat - Wamellow
wamellow.com
bot
discord
fix dashboard truncate
+2
-3
+1
-2
app/dashboard/page.tsx
+1
-2
app/dashboard/page.tsx
···
17
17
import SadWumpusPic from "@/public/sad-wumpus.gif";
18
18
import { RouteErrorResponse, UserGuild } from "@/typings";
19
19
import cn from "@/utils/cn";
20
-
import { truncate } from "@/utils/truncate";
21
20
22
21
const MAX_GUILDS = 24;
23
22
···
186
185
187
186
<ImageReduceMotion url={`https://cdn.discordapp.com/icons/${guild.id}/${guild.icon}`} size={56} alt={`Server icon of @${guild.name}`} className="rounded-lg h-14 w-14 z-1 relative drop-shadow-md" />
188
187
<div className="ml-3 text-sm relative bottom-1">
189
-
<div className="text-lg dark:text-neutral-200 font-medium text-neutral-800 mb-1">{truncate(guild.name, 20)}</div>
188
+
<div className="text-lg dark:text-neutral-200 font-medium text-neutral-800 mb-1 sm:max-w-64 lg:max-w-56 truncate">{guild.name}</div>
190
189
<span className="flex gap-2">
191
190
<ManageButton guildId={guild.id} />
192
191
<LeaderboardButton guildId={guild.id} />
+1
-1
components/header.tsx
+1
-1
components/header.tsx
···
166
166
</div>
167
167
<Tooltip content="Logout" closeDelay={0} showArrow>
168
168
<Link href="/login?logout=true" className="ml-auto text-red-500 m-4">
169
-
<HiLogout className="h-6 w-6 sm:h-4 sm:w-4" />
169
+
<HiLogout className="h-6 w-6 sm:h-5 sm:w-5" />
170
170
</Link>
171
171
</Tooltip>
172
172
</div>