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

fix: enforce semantic contrast across admin
Local Build and Deploy / deploy (push) Successful in 44s
Details

Browse Source
This commit is contained in:
Simo committed 2026-07-12 15:14:15 +02:00
1 parent 45c8178cfa
commit f0b4bc1630
86 files changed
+438 -338
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/app/admin/teams/page.tsx
+9 -9
View File
@@ -64,25 +64,25 @@ export default async function AdminTeams() {
<form action={createTeam} style={{ display: "grid", gap: "0.6rem" }}>
<div className="grid grid-cols-1 gap-4 md:grid-cols-2">
<label style={{ display: "grid", gap: "0.25rem" }}>
<span className="text-sm text-gray-500 dark:text-gray-400">{t("rankName")}</span>
<span className="text-sm theme-text-muted dark:theme-text-muted">{t("rankName")}</span>
<input name="rankName" placeholder={t("rankNamePlaceholder")} required />
</label>
<label style={{ display: "grid", gap: "0.25rem" }}>
<span className="text-sm text-gray-500 dark:text-gray-400">{t("badgeCode")}</span>
<span className="text-sm theme-text-muted dark:theme-text-muted">{t("badgeCode")}</span>
<input name="badge" placeholder={t("badgeCodePlaceholder")} />
</label>
<label style={{ display: "grid", gap: "0.25rem" }}>
<span className="text-sm text-gray-500 dark:text-gray-400">{t("jobDescription")}</span>
<span className="text-sm theme-text-muted dark:theme-text-muted">{t("jobDescription")}</span>
<input name="jobDescription" placeholder={t("jobDescriptionPlaceholder")} />
</label>
<label style={{ display: "grid", gap: "0.25rem" }}>
<span className="text-sm text-gray-500 dark:text-gray-400">{t("staffColor")}</span>
<span className="text-sm theme-text-muted dark:theme-text-muted">{t("staffColor")}</span>
<input name="staffColor" defaultValue="#327fa8" placeholder={t("staffColorPlaceholder")} />
</label>
</div>
<label style={{ display: "flex", alignItems: "center", gap: "0.4rem" }}>
<input type="checkbox" name="hiddenRank" style={{ width: "auto" }} />
<span className="text-sm text-gray-500 dark:text-gray-400">{t("hiddenRank")}</span>
<span className="text-sm theme-text-muted dark:theme-text-muted">{t("hiddenRank")}</span>
</label>
<div>
<button type="submit" className="btn btn-primary">
@@ -113,14 +113,14 @@ export default async function AdminTeams() {
<tbody>
{teams.map((team) => (
<tr key={String(team.id)}>
<td className="text-sm text-gray-500 dark:text-gray-400 whitespace-nowrap">
<td className="text-sm theme-text-muted dark:theme-text-muted whitespace-nowrap">
{String(team.id)}
</td>
<td>{team.rankName}</td>
<td className="text-sm text-gray-500 dark:text-gray-400 whitespace-nowrap">
<td className="text-sm theme-text-muted dark:theme-text-muted whitespace-nowrap">
{team.badge ?? "—"}
</td>
<td className="text-sm text-gray-500 dark:text-gray-400 whitespace-nowrap">
<td className="text-sm theme-text-muted dark:theme-text-muted whitespace-nowrap">
{team.jobDescription ?? "—"}
</td>
<td>
@@ -146,7 +146,7 @@ export default async function AdminTeams() {
</td>
<td>
<span
className={`inline-block text-[0.72rem] font-bold px-2 py-0.5 rounded-full ${team.hiddenRank ? "bg-[var(--color-primary)]/18 text-[var(--color-text)]" : "bg-green-600/20 text-[var(--color-text)]"}`}
className={`inline-block text-[0.72rem] font-bold px-2 py-0.5 rounded-full ${team.hiddenRank ? "bg-[var(--color-primary)]/18 text-[var(--color-text)]" : "bg-[var(--color-success-subtle)] text-[var(--color-text)]"}`}
>
{team.hiddenRank ? t("hidden") : t("visible")}
</span>