Updated styles
This commit is contained in:
@@ -28,7 +28,7 @@ export default function PlayerStats(
|
|||||||
{ stats, achievements }: { stats: NonNullable<Player["player"]["stats"]>, achievements: Player["player"]["achievements"] }
|
{ stats, achievements }: { stats: NonNullable<Player["player"]["stats"]>, achievements: Player["player"]["achievements"] }
|
||||||
) {
|
) {
|
||||||
return (
|
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">
|
<Accordion type="multiple" className="space-y-4">
|
||||||
<BedwarsStats stats={stats.Bedwars} />
|
<BedwarsStats stats={stats.Bedwars} />
|
||||||
<SkyWarsStats
|
<SkyWarsStats
|
||||||
|
|||||||
@@ -290,7 +290,7 @@ export default function Sidebar({ level, ign, player, guild, rank, specialRank,
|
|||||||
}
|
}
|
||||||
|
|
||||||
return (
|
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>
|
<CardContent>
|
||||||
<General />
|
<General />
|
||||||
<Separator className="my-4" />
|
<Separator className="my-4" />
|
||||||
|
|||||||
@@ -1,21 +1,23 @@
|
|||||||
import { AccordionContent, AccordionItem, AccordionTrigger } from "@/components/ui/accordion"
|
import { AccordionContent, AccordionItem, AccordionTrigger } from "@/components/ui/accordion"
|
||||||
import { Card, CardContent } from "@/components/ui/card"
|
import { Card, CardContent } from "@/components/ui/card"
|
||||||
|
import { cn } from "@/lib/utils"
|
||||||
import { ReactNode } from "react"
|
import { ReactNode } from "react"
|
||||||
import CollapsedStats from "../_components/CollapsedStats"
|
import CollapsedStats from "../_components/CollapsedStats"
|
||||||
|
|
||||||
export default function GeneralStats(
|
export default function GeneralStats(
|
||||||
{ id, title, children, collapsedStats }: {
|
{ id, title, children, collapsedStats, className }: {
|
||||||
id: string
|
id: string
|
||||||
title: string
|
title: string
|
||||||
children: ReactNode
|
children: ReactNode
|
||||||
collapsedStats: Parameters<typeof CollapsedStats>[0]["stats"]
|
collapsedStats: Parameters<typeof CollapsedStats>[0]["stats"]
|
||||||
|
className?: string
|
||||||
}
|
}
|
||||||
) {
|
) {
|
||||||
return (
|
return (
|
||||||
<AccordionItem value={id}>
|
<AccordionItem value={id}>
|
||||||
<Card className="py-0">
|
<Card className="py-0">
|
||||||
<CardContent>
|
<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>
|
<h1 className="text-xl font-bold">{title}</h1>
|
||||||
<div className="flex gap-4">
|
<div className="flex gap-4">
|
||||||
<CollapsedStats stats={collapsedStats} />
|
<CollapsedStats stats={collapsedStats} />
|
||||||
|
|||||||
Reference in New Issue
Block a user