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/vouchers/page.tsx
+8 -8
View File
@@ -85,19 +85,19 @@ export default async function AdminVouchers() {
<h3 style={{ marginTop: 0 }}>{t("newVoucher")}</h3>
<div className="grid grid-cols-1 gap-4 md:grid-cols-2" style={{ marginBottom: "0.75rem" }}>
<label style={{ display: "flex", flexDirection: "column", gap: "0.3rem" }}>
<span className="text-sm text-gray-500 dark:text-gray-400">{t("form.code")}</span>
<span className="text-sm theme-text-muted dark:theme-text-muted">{t("form.code")}</span>
<input name="code" placeholder={t("form.codePlaceholder")} maxLength={255} required />
</label>
<label style={{ display: "flex", flexDirection: "column", gap: "0.3rem" }}>
<span className="text-sm text-gray-500 dark:text-gray-400">{t("form.amount")}</span>
<span className="text-sm theme-text-muted dark:theme-text-muted">{t("form.amount")}</span>
<input name="amount" type="number" min={1} placeholder={t("form.amountPlaceholder")} required />
</label>
<label style={{ display: "flex", flexDirection: "column", gap: "0.3rem" }}>
<span className="text-sm text-gray-500 dark:text-gray-400">{t("form.maxUses")}</span>
<span className="text-sm theme-text-muted dark:theme-text-muted">{t("form.maxUses")}</span>
<input name="maxUses" type="number" min={1} defaultValue={1} required />
</label>
<label style={{ display: "flex", flexDirection: "column", gap: "0.3rem" }}>
<span className="text-sm text-gray-500 dark:text-gray-400">{t("form.expiresAt")}</span>
<span className="text-sm theme-text-muted dark:theme-text-muted">{t("form.expiresAt")}</span>
<input name="expiresAt" type="datetime-local" />
</label>
</div>
@@ -138,7 +138,7 @@ export default async function AdminVouchers() {
</td>
<td>
{expired ? (
<span className="inline-block text-[0.72rem] font-bold px-2 py-0.5 rounded-full bg-red-500/22 text-[var(--color-text)]">
<span className="inline-block text-[0.72rem] font-bold px-2 py-0.5 rounded-full bg-[var(--color-error-subtle)] text-[var(--color-text)]">
{t("statusExpired")}
</span>
) : usedUp ? (
@@ -146,15 +146,15 @@ export default async function AdminVouchers() {
{t("statusUsedUp")}
</span>
) : (
<span className="inline-block text-[0.72rem] font-bold px-2 py-0.5 rounded-full bg-green-600/20 text-[var(--color-text)]">
<span className="inline-block text-[0.72rem] font-bold px-2 py-0.5 rounded-full bg-[var(--color-success-subtle)] text-[var(--color-text)]">
{t("statusActive")}
</span>
)}
</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">
{fmtDate(v.expiresAt)}
</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">
{fmtDate(v.createdAt)}
</td>
<td>