FJurmanovic/acc-server-manager-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update layout

Browse Source
This commit is contained in:
Fran Jurmanović
2025-08-27 22:11:22 +02:00
parent 4db5d49a64
commit 4888db7f1a
4 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/dashboard/page.tsx
View File

@@ -13,7 +13,7 @@ export default async function DashboardPage() {
return ( return (
<div className="min-h-screen bg-gray-900 text-white"> <div className="min-h-screen bg-gray-900 text-white">
<header className="bg-gray-800 shadow-md"> <header className="bg-gray-800 shadow-md">
<div className="mx-auto flex max-w-7xl items-center justify-between px-4 py-4 sm:px-6 lg:px-8"> <div className="mx-auto flex max-w-[120rem] items-center justify-between px-4 py-4 sm:px-6 lg:px-8">
<h1 className="text-2xl font-bold">ACC Server Manager</h1> <h1 className="text-2xl font-bold">ACC Server Manager</h1>
<div className="flex items-center space-x-4"> <div className="flex items-center space-x-4">
{hasPermission(session.user!, 'membership.view') && ( {hasPermission(session.user!, 'membership.view') && (
@@ -61,7 +61,7 @@ export default async function DashboardPage() {
</div> </div>
</header> </header>
<main className="mx-auto max-w-7xl px-4 py-8 sm:px-6 lg:px-8"> <main className="mx-auto max-w-[120rem] px-4 py-8 sm:px-6 lg:px-8">
<div className="mb-6 flex items-center justify-between"> <div className="mb-6 flex items-center justify-between">
<h2 className="text-xl font-semibold">Your Servers</h2> <h2 className="text-xl font-semibold">Your Servers</h2>
<RefreshButton /> <RefreshButton />

2
src/app/dashboard/server/[id]/page.tsx
View File

@@ -27,7 +27,7 @@ export default async function ServerPage({ params }: ServerPageProps) {
return ( return (
<div className="min-h-screen bg-gray-900 text-white"> <div className="min-h-screen bg-gray-900 text-white">
<div className="mx-auto max-w-7xl px-4 py-8 sm:px-6 lg:px-8"> <div className="mx-auto max-w-[120rem] px-4 py-8 sm:px-6 lg:px-8">
<ServerHeader server={server} /> <ServerHeader server={server} />
<div className="mt-8"> <div className="mt-8">

4
src/components/membership/UserManagementTable.tsx
View File

@@ -80,7 +80,7 @@ export function UserManagementTable({ initialData, roles, currentUser }: UserMan
return ( return (
<> <>
<header className="bg-gray-800 shadow-md"> <header className="bg-gray-800 shadow-md">
<div className="mx-auto flex max-w-7xl items-center justify-between px-4 py-4 sm:px-6 lg:px-8"> <div className="mx-auto flex max-w-[120rem] items-center justify-between px-4 py-4 sm:px-6 lg:px-8">
<div className="flex items-center space-x-4"> <div className="flex items-center space-x-4">
<Link href="/dashboard" className="text-gray-300 hover:text-white"> <Link href="/dashboard" className="text-gray-300 hover:text-white">
<svg <svg
@@ -111,7 +111,7 @@ export function UserManagementTable({ initialData, roles, currentUser }: UserMan
</div> </div>
</header> </header>
<main className="mx-auto max-w-7xl px-4 py-8 sm:px-6 lg:px-8"> <main className="mx-auto max-w-[120rem] px-4 py-8 sm:px-6 lg:px-8">
{/* Filters */} {/* Filters */}
<div className="mb-6 rounded-lg border border-gray-700 bg-gray-800 p-4"> <div className="mb-6 rounded-lg border border-gray-700 bg-gray-800 p-4">
<h2 className="mb-3 text-lg font-semibold">Filters</h2> <h2 className="mb-3 text-lg font-semibold">Filters</h2>

6
src/components/statistics/StatisticsDashboard.tsx
View File

@@ -40,13 +40,13 @@ export function StatisticsDashboard({ stats }: StatisticsDashboardProps) {
</div> </div>
{/* Charts */} {/* Charts */}
<div className="grid grid-cols-1 gap-6 lg:grid-cols-2"> <div className="grid grid-cols-12 gap-4">
<div className="rounded-lg bg-gray-800 p-6"> <div className="col-span-9 rounded-lg bg-gray-800 p-6">
<h3 className="mb-4 text-lg font-medium text-white">Player Count Over Time</h3> <h3 className="mb-4 text-lg font-medium text-white">Player Count Over Time</h3>
<PlayerCountChart data={stats.playerCountOverTime ?? []} /> <PlayerCountChart data={stats.playerCountOverTime ?? []} />
</div> </div>
<div className="rounded-lg bg-gray-800 p-6"> <div className="col-span-3 rounded-lg bg-gray-800 p-6">
<h3 className="mb-4 text-lg font-medium text-white">Session Types</h3> <h3 className="mb-4 text-lg font-medium text-white">Session Types</h3>
<SessionTypesChart data={stats.sessionTypes ?? []} /> <SessionTypesChart data={stats.sessionTypes ?? []} />
</div> </div>