Updated layout

This commit is contained in:
2025-08-22 11:43:19 +02:00
parent a7c8b1cef4
commit 85be250836
11 changed files with 201 additions and 29 deletions

View File

@@ -6,7 +6,7 @@ import { Separator } from "@/components/ui/separator"
import { getBWLevelForExp, getTotalExpForLevel } from "@/lib/hypixel/bedwarsLevel"
import { getProgress } from "@/lib/hypixel/general"
import { Player } from "@/lib/schema/player"
import { ChevronDown, ChevronUp, Menu } from "lucide-react"
import { ChevronDown, ChevronUp } from "lucide-react"
import { useEffect, useRef, useState } from "react"
import CollapsedStats from "../../_components/CollapsedStats"
import { BedwarsLevel, BedwarsProgress } from "./bedwars-components"
@@ -56,7 +56,7 @@ export default function BedwarsStats({ stats }: { stats: Player["player"]["stats
<CardContent>
<Collapsible ref={ref}>
<div className="flex justify-between">
<h1 className="text-xl font-bold">Bedwars</h1>
<h1 className="text-xl font-bold">BedWars</h1>
<div className="flex gap-4">
<CollapsedStats
stats={[
@@ -87,12 +87,9 @@ export default function BedwarsStats({ stats }: { stats: Player["player"]["stats
]}
/>
</div>
<div className="flex gap-2 items-center">
<CollapsibleTrigger className="transition-all">
{opened === false ? <ChevronDown /> : <ChevronUp />}
</CollapsibleTrigger>
<Menu />
</div>
<CollapsibleTrigger className="transition-all">
{opened === false ? <ChevronDown /> : <ChevronUp />}
</CollapsibleTrigger>
</div>
<CollapsibleContent>
<Separator className="my-4" />

View File

@@ -54,7 +54,7 @@ async function SuspendedPage({ ign: pign }: { ign: string }) {
const level = getExactLevel(player.networkExp)
return (
<div className="flex flex-col items-center min-h-screen">
<div className="flex flex-col items-center">
<h1 className="text-3xl font-bold mt-25">
<DisplayName
ign={player.displayname}
@@ -71,7 +71,7 @@ async function SuspendedPage({ ign: pign }: { ign: string }) {
</h1>
<div className="flex gap-6 px-6 mt-8 w-full max-w-7xl">
<Sidebar level={level} ign={pign} player={player} guild={guild ?? undefined} />
<div className="w-3/4">
<div className="space-y-4 w-3/4">
<BedwarsStats stats={player.stats.Bedwars} />
</div>
</div>