remco/EpicNext-Cms
1
1 Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

fix: use semantic colors across admin pages
Local Build and Deploy / deploy (push) Successful in 49s
Details

Browse Source
This commit is contained in:
Simo committed 2026-07-12 18:50:45 +02:00
1 parent 0fe482009c
commit 84e4123f09
83 files changed
+466 -455
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/app/admin/commandocentrum/page.tsx
+37 -37
View File
@@ -89,12 +89,12 @@ export default async function CommandoCentrum() {
return (
<main>
<div className="flex items-center gap-3 mb-6">
<div className="w-10 h-10 rounded-xl bg-gradient-to-br from-[var(--color-primary)]/20 to-[var(--color-primary)]/5 grid place-items-center">
<Activity size={20} className="text-[var(--color-primary)]" />
<div className="w-10 h-10 rounded-xl bg-gradient-to-br from-[var(--admin-accent)]/20 to-[var(--admin-accent)]/5 grid place-items-center">
<Activity size={20} className="text-[var(--admin-accent)]" />
</div>
<div>
<h1 className="m-0 text-xl font-extrabold text-[var(--color-text)]">{t("title")}</h1>
<p className="m-0 text-xs text-[var(--color-text-muted)] mt-0.5">{t("subtitle")}</p>
<h1 className="m-0 text-xl font-extrabold text-[var(--admin-text)]">{t("title")}</h1>
<p className="m-0 text-xs text-[var(--admin-text-muted)] mt-0.5">{t("subtitle")}</p>
</div>
</div>
@@ -196,24 +196,24 @@ export default async function CommandoCentrum() {
<h2 className="admin-section-title">{t("emulatorControls")}</h2>
<div className="grid grid-cols-1 sm:grid-cols-3 gap-4">
<form action={updateCatalog} className="admin-card">
<h3 className="text-sm font-bold text-[var(--color-text)] mb-2">{t("updateCatalog")}</h3>
<p className="text-xs text-[var(--color-text-muted)] mb-4">{t("updateCatalogDesc")}</p>
<h3 className="text-sm font-bold text-[var(--admin-text)] mb-2">{t("updateCatalog")}</h3>
<p className="text-xs text-[var(--admin-text-muted)] mb-4">{t("updateCatalogDesc")}</p>
<button type="submit" className="btn btn-primary">
{t("updateCatalog")}
</button>
</form>
<form action={updateWordFilter} className="admin-card">
<h3 className="text-sm font-bold text-[var(--color-text)] mb-2">{t("updateWordFilter")}</h3>
<p className="text-xs text-[var(--color-text-muted)] mb-4">{t("updateWordFilterDesc")}</p>
<h3 className="text-sm font-bold text-[var(--admin-text)] mb-2">{t("updateWordFilter")}</h3>
<p className="text-xs text-[var(--admin-text-muted)] mb-4">{t("updateWordFilterDesc")}</p>
<button type="submit" className="btn btn-primary">
{t("updateWordFilter")}
</button>
</form>
<form action={updateNavigator} className="admin-card">
<h3 className="text-sm font-bold text-[var(--color-text)] mb-2">{t("updateNavigator")}</h3>
<p className="text-xs text-[var(--color-text-muted)] mb-4">{t("updateNavigatorDesc")}</p>
<h3 className="text-sm font-bold text-[var(--admin-text)] mb-2">{t("updateNavigator")}</h3>
<p className="text-xs text-[var(--admin-text-muted)] mb-4">{t("updateNavigatorDesc")}</p>
<button type="submit" className="btn btn-primary">
{t("updateNavigator")}
</button>
@@ -221,8 +221,8 @@ export default async function CommandoCentrum() {
</div>
<form action={hotelAlert} className="admin-card mt-6">
<h3 className="text-sm font-bold text-[var(--color-text)] mb-2">{t("hotelAlert")}</h3>
<p className="text-xs text-[var(--color-text-muted)] mb-3">{t("hotelAlertDesc")}</p>
<h3 className="text-sm font-bold text-[var(--admin-text)] mb-2">{t("hotelAlert")}</h3>
<p className="text-xs text-[var(--admin-text-muted)] mb-3">{t("hotelAlertDesc")}</p>
<div className="flex gap-2">
<input
name="message"
@@ -241,12 +241,12 @@ export default async function CommandoCentrum() {
{/* ── User RCON actions ──────────────────────────────────── */}
<section className="mt-6">
<h2 className="admin-section-title">{t("userActions")}</h2>
<p className="text-xs text-[var(--color-text-muted)] mb-4">{t("userActionsDesc")}</p>
<p className="text-xs text-[var(--admin-text-muted)] mb-4">{t("userActionsDesc")}</p>
<div className="grid grid-cols-1 sm:grid-cols-3 gap-4">
<form action={disconnectUser} className="admin-card">
<h3 className="text-sm font-bold text-[var(--color-text)] mb-2">{t("actions.disconnect")}</h3>
<p className="text-xs text-[var(--color-text-muted)] mb-3">{t("disconnectDesc")}</p>
<h3 className="text-sm font-bold text-[var(--admin-text)] mb-2">{t("actions.disconnect")}</h3>
<p className="text-xs text-[var(--admin-text-muted)] mb-3">{t("disconnectDesc")}</p>
<div className="space-y-2">
<input
name="userId"
@@ -270,8 +270,8 @@ export default async function CommandoCentrum() {
</form>
<form action={alertUser} className="admin-card">
<h3 className="text-sm font-bold text-[var(--color-text)] mb-2">{t("actions.alert")}</h3>
<p className="text-xs text-[var(--color-text-muted)] mb-3">{t("alertDesc")}</p>
<h3 className="text-sm font-bold text-[var(--admin-text)] mb-2">{t("actions.alert")}</h3>
<p className="text-xs text-[var(--admin-text-muted)] mb-3">{t("alertDesc")}</p>
<div className="space-y-2">
<input
name="userId"
@@ -296,8 +296,8 @@ export default async function CommandoCentrum() {
</form>
<form action={forwardUser} className="admin-card">
<h3 className="text-sm font-bold text-[var(--color-text)] mb-2">{t("forwardToRoom")}</h3>
<p className="text-xs text-[var(--color-text-muted)] mb-3">{t("forwardDesc")}</p>
<h3 className="text-sm font-bold text-[var(--admin-text)] mb-2">{t("forwardToRoom")}</h3>
<p className="text-xs text-[var(--admin-text-muted)] mb-3">{t("forwardDesc")}</p>
<div className="space-y-2">
<input
name="userId"
@@ -324,8 +324,8 @@ export default async function CommandoCentrum() {
<div className="grid grid-cols-1 sm:grid-cols-3 gap-4 mt-4">
<form action={giveCredits} className="admin-card">
<h3 className="text-sm font-bold text-[var(--color-text)] mb-2">{t("giveCredits")}</h3>
<p className="text-xs text-[var(--color-text-muted)] mb-3">{t("giveCreditsDesc")}</p>
<h3 className="text-sm font-bold text-[var(--admin-text)] mb-2">{t("giveCredits")}</h3>
<p className="text-xs text-[var(--admin-text-muted)] mb-3">{t("giveCreditsDesc")}</p>
<div className="space-y-2">
<input
name="userId"
@@ -350,8 +350,8 @@ export default async function CommandoCentrum() {
</form>
<form action={giveDuckets} className="admin-card">
<h3 className="text-sm font-bold text-[var(--color-text)] mb-2">{t("giveDuckets")}</h3>
<p className="text-xs text-[var(--color-text-muted)] mb-3">{t("giveDucketsDesc")}</p>
<h3 className="text-sm font-bold text-[var(--admin-text)] mb-2">{t("giveDuckets")}</h3>
<p className="text-xs text-[var(--admin-text-muted)] mb-3">{t("giveDucketsDesc")}</p>
<div className="space-y-2">
<input
name="userId"
@@ -376,8 +376,8 @@ export default async function CommandoCentrum() {
</form>
<form action={giveDiamonds} className="admin-card">
<h3 className="text-sm font-bold text-[var(--color-text)] mb-2">{t("giveDiamonds")}</h3>
<p className="text-xs text-[var(--color-text-muted)] mb-3">{t("giveDiamondsDesc")}</p>
<h3 className="text-sm font-bold text-[var(--admin-text)] mb-2">{t("giveDiamonds")}</h3>
<p className="text-xs text-[var(--admin-text-muted)] mb-3">{t("giveDiamondsDesc")}</p>
<div className="space-y-2">
<input
name="userId"
@@ -404,8 +404,8 @@ export default async function CommandoCentrum() {
<div className="grid grid-cols-1 sm:grid-cols-3 gap-4 mt-4">
<form action={giveBadge} className="admin-card">
<h3 className="text-sm font-bold text-[var(--color-text)] mb-2">{t("giveBadge")}</h3>
<p className="text-xs text-[var(--color-text-muted)] mb-3">{t("giveBadgeDesc")}</p>
<h3 className="text-sm font-bold text-[var(--admin-text)] mb-2">{t("giveBadge")}</h3>
<p className="text-xs text-[var(--admin-text-muted)] mb-3">{t("giveBadgeDesc")}</p>
<div className="space-y-2">
<input
name="userId"
@@ -430,8 +430,8 @@ export default async function CommandoCentrum() {
</form>
<form action={setMotto} className="admin-card">
<h3 className="text-sm font-bold text-[var(--color-text)] mb-2">{t("setMotto")}</h3>
<p className="text-xs text-[var(--color-text-muted)] mb-3">{t("setMottoDesc")}</p>
<h3 className="text-sm font-bold text-[var(--admin-text)] mb-2">{t("setMotto")}</h3>
<p className="text-xs text-[var(--admin-text-muted)] mb-3">{t("setMottoDesc")}</p>
<div className="space-y-2">
<input
name="userId"
@@ -456,8 +456,8 @@ export default async function CommandoCentrum() {
</form>
<form action={setRank} className="admin-card">
<h3 className="text-sm font-bold text-[var(--color-text)] mb-2">{t("setRank")}</h3>
<p className="text-xs text-[var(--color-text-muted)] mb-3">{t("setRankDesc")}</p>
<h3 className="text-sm font-bold text-[var(--admin-text)] mb-2">{t("setRank")}</h3>
<p className="text-xs text-[var(--admin-text-muted)] mb-3">{t("setRankDesc")}</p>
<div className="space-y-2">
<input
name="userId"
@@ -485,8 +485,8 @@ export default async function CommandoCentrum() {
<div className="grid grid-cols-1 sm:grid-cols-3 gap-4 mt-4">
<form action={executeCommand} className="admin-card">
<h3 className="text-sm font-bold text-[var(--color-text)] mb-2">{t("executeCommand")}</h3>
<p className="text-xs text-[var(--color-text-muted)] mb-3">{t("executeCommandDesc")}</p>
<h3 className="text-sm font-bold text-[var(--admin-text)] mb-2">{t("executeCommand")}</h3>
<p className="text-xs text-[var(--admin-text-muted)] mb-3">{t("executeCommandDesc")}</p>
<div className="space-y-2">
<input
name="userId"
@@ -511,8 +511,8 @@ export default async function CommandoCentrum() {
</form>
<form action={sendGift} className="admin-card">
<h3 className="text-sm font-bold text-[var(--color-text)] mb-2">{t("sendGift")}</h3>
<p className="text-xs text-[var(--color-text-muted)] mb-3">{t("sendGiftDesc")}</p>
<h3 className="text-sm font-bold text-[var(--admin-text)] mb-2">{t("sendGift")}</h3>
<p className="text-xs text-[var(--admin-text-muted)] mb-3">{t("sendGiftDesc")}</p>
<div className="space-y-2">
<input
name="userId"
@@ -570,7 +570,7 @@ export default async function CommandoCentrum() {
</td>
<td>{nameById.get(Number(a.userId)) ?? `#${a.userId}`}</td>
<td>
<span className="inline-block text-[0.6rem] font-bold px-2 py-0.5 rounded-full bg-[var(--color-primary)]/18 text-[var(--color-text)]">
<span className="inline-block text-[0.6rem] font-bold px-2 py-0.5 rounded-full bg-[var(--admin-accent)]/18 text-[var(--admin-text)]">
{a.action}
</span>
</td>
@@ -616,7 +616,7 @@ export default async function CommandoCentrum() {
{e.version}
</td>
<td>
<pre className="text-xs p-2 bg-[var(--color-background)] text-[var(--color-text-readable)] rounded overflow-auto max-h-[160px]">
<pre className="text-xs p-2 bg-[var(--admin-canvas)] text-[var(--color-text-readable)] rounded overflow-auto max-h-[160px]">
{snippet}
</pre>
</td>