admin/rikx-beheer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Voeg CMS voor de Publieke Website toe (overgenomen van rikx-org)

Browse Source 
Pagina-editor, hoofdmenu, SEO en media onder Publieke Website → Pagina's
(/website), los van het CMS in rikx-org: eigen tabellen in de beheerdatabase.
Blokken (hero, tekstblok, testimonial, voordelenlijst, call-to-action) met
Quill, NL/EN/DE met terugval op NL, en afbeeldingsupload naar MEDIA_DIR met
een openbare /media-route (CSP-sandbox).

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Remco Vermeer
2026-10-08 15:27:12 +02:00
parent f9e4a1aa5d
commit 9be692974e
19 changed files with 2505 additions and 87 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/website/ui.ts
+14
View File
@@ -0,0 +1,14 @@
// Gedeelde Tailwind-klassen voor de CMS-schermen (Publieke Website)
export const inputClass =
"h-10 w-full rounded-lg border border-zinc-300 dark:border-zinc-700 bg-white dark:bg-zinc-800 px-3 text-sm text-zinc-900 dark:text-zinc-100 focus:outline-none focus:ring-2 focus:ring-rikx-orange";
export const textareaClass =
"w-full rounded-lg border border-zinc-300 dark:border-zinc-700 bg-white dark:bg-zinc-800 px-3 py-2 text-sm text-zinc-900 dark:text-zinc-100 focus:outline-none focus:ring-2 focus:ring-rikx-orange";
export const labelClass = "text-sm font-medium text-zinc-700 dark:text-zinc-300";
export const hintClass = "text-xs text-zinc-500";
export const cardClass = "bg-white dark:bg-zinc-900 rounded-xl border border-zinc-200 dark:border-zinc-800 p-6";
export const primaryButton =
"rounded-lg bg-rikx-maroon hover:bg-rikx-maroon-light px-5 py-2 text-sm font-medium text-white transition-colors disabled:opacity-50";
export const secondaryButton =
"rounded-lg border border-zinc-300 dark:border-zinc-700 bg-white dark:bg-zinc-800 px-3 py-1.5 text-sm text-zinc-700 dark:text-zinc-200 hover:bg-zinc-50 dark:hover:bg-zinc-700 transition-colors disabled:opacity-40";
export const errorClass = "text-sm text-red-600 dark:text-red-400";
export const savedClass = "text-sm text-green-700 dark:text-green-400";