fix username spacing with lots of user badges

2024-09-10 18:33:12 -04:00 · 2024-09-10 18:33:12 -04:00 · 30030722ce
commit 30030722ce
parent aa056e20cc
1 changed files with 6 additions and 1 deletions
--- a/src/components/landing/discord-status.tsx
+++ b/src/components/landing/discord-status.tsx
@ -36,7 +36,12 @@ const DiscordStatus = (): ReactElement | undefined => {
                        {discordUser.bio && <Bio bio={discordUser.bio} />}
                        <Badges discordUser={discordUser} />
                    </div>
-                    <div className={discordUser.banner ? "mt-3" : "mt-6"}>
+                    <div
+                        className={cn(
+                            discordUser.badges.length < 5 &&
+                                (discordUser.banner ? "mt-3" : "mt-6")
+                        )}
+                    >
                        <Username discordUser={discordUser} />

                        {/* Activity */}