From 03d184ab66878881350c19ec343c9e147bc48abc Mon Sep 17 00:00:00 2001
From: Taken <taken@mairimashita.org>
Date: Mon, 15 Sep 2025 15:51:09 +0200
Subject: [PATCH] Updated styles

---
 src/app/(stats)/player/[ign]/_client.tsx             | 2 +-
 src/app/(stats)/player/[ign]/_components/Sidebar.tsx | 2 +-
 src/app/(stats)/player/[ign]/_stats/GeneralStats.tsx | 6 ++++--
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/app/(stats)/player/[ign]/_client.tsx b/src/app/(stats)/player/[ign]/_client.tsx
index 9a4f0a0..0cd31d4 100644
--- a/src/app/(stats)/player/[ign]/_client.tsx
+++ b/src/app/(stats)/player/[ign]/_client.tsx
@@ -28,7 +28,7 @@ export default function PlayerStats(
     { stats, achievements }: { stats: NonNullable<Player["player"]["stats"]>, achievements: Player["player"]["achievements"] }
 ) {
     return (
-        <div className="w-full md:w-3/4">
+        <div className="mx-auto w-full md:max-w-none lg:mx-0 lg:w-3/4 max-w-120">
             <Accordion type="multiple" className="space-y-4">
                 <BedwarsStats stats={stats.Bedwars} />
                 <SkyWarsStats
diff --git a/src/app/(stats)/player/[ign]/_components/Sidebar.tsx b/src/app/(stats)/player/[ign]/_components/Sidebar.tsx
index 4ee4376..12370d0 100644
--- a/src/app/(stats)/player/[ign]/_components/Sidebar.tsx
+++ b/src/app/(stats)/player/[ign]/_components/Sidebar.tsx
@@ -290,7 +290,7 @@ export default function Sidebar({ level, ign, player, guild, rank, specialRank,
     }
 
     return (
-        <Card className="w-full md:w-1/4">
+        <Card className="mx-auto w-full md:max-w-none lg:mx-0 lg:w-1/4 max-w-120">
             <CardContent>
                 <General />
                 <Separator className="my-4" />
diff --git a/src/app/(stats)/player/[ign]/_stats/GeneralStats.tsx b/src/app/(stats)/player/[ign]/_stats/GeneralStats.tsx
index 9c47203..7960d8f 100644
--- a/src/app/(stats)/player/[ign]/_stats/GeneralStats.tsx
+++ b/src/app/(stats)/player/[ign]/_stats/GeneralStats.tsx
@@ -1,21 +1,23 @@
 import { AccordionContent, AccordionItem, AccordionTrigger } from "@/components/ui/accordion"
 import { Card, CardContent } from "@/components/ui/card"
+import { cn } from "@/lib/utils"
 import { ReactNode } from "react"
 import CollapsedStats from "../_components/CollapsedStats"
 
 export default function GeneralStats(
-    { id, title, children, collapsedStats }: {
+    { id, title, children, collapsedStats, className }: {
         id: string
         title: string
         children: ReactNode
         collapsedStats: Parameters<typeof CollapsedStats>[0]["stats"]
+        className?: string
     }
 ) {
     return (
         <AccordionItem value={id}>
             <Card className="py-0">
                 <CardContent>
-                    <AccordionTrigger className="items-center py-2 hover:no-underline hover:cursor-pointer">
+                    <AccordionTrigger className={cn("items-center py-2 hover:no-underline hover:cursor-pointer overflow-y-auto", className)}>
                         <h1 className="text-xl font-bold">{title}</h1>
                         <div className="flex gap-4">
                             <CollapsedStats stats={collapsedStats} />