Merge pull request #80 from Lorg0n/style/ChangeAlignUserTooltip

Style: added alignment of statistic digits in user tooltip as in mockup
hikka-io · Oct 6, 2024 · 4d14c05 · 4d14c05
2 parents 63a2629 + f27929e
commit 4d14c05
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/components/content-card/user-tooltip.tsx b/src/components/content-card/user-tooltip.tsx
@@ -159,15 +159,15 @@ const TooltipData: FC<TooltipDataProps> = ({ username }) => {
             </div>
             <Separator className="-mx-4 w-auto" />
             <div className="flex justify-between text-sm font-semibold">
-                <div className="flex items-center gap-2">
+                <div className="flex items-center gap-2 flex-1">
                     <MaterialAnimatedImages className="text-muted-foreground" />
                     {watchStats?.completed}
                 </div>
-                <div className="flex items-center gap-2">
+                <div className="flex items-center gap-2 flex-1">
                     <MaterialSymbolsPalette className="text-muted-foreground" />
                     {mangaStats?.completed}
                 </div>
-                <div className="flex items-center gap-2">
+                <div className="flex items-center gap-2 flex-1">
                     <MaterialSymbolsMenuBookRounded className="text-muted-foreground" />
                     {novelStats?.completed}
                 </div>