1a0fe18e89
Führt das getrennte React/Vite-Frontend und Express/MongoDB-Backend in eine einzelne Next.js-Anwendung zusammen: - UI: React-Client-Komponenten (TabLayout, AppointmentForm, -List, ConfirmationModal) im Look von werte-next (Farben #CCCCFF/#85B7D7/ #FFFFDD, Rahmenbox, Tabellen-Liste, Footer mit Version/Datum) - API: Next.js Route Handler unter /api/appointments (GET/POST/PUT/DELETE, Soft-Delete beibehalten) - DB: MongoDB via lib/db.ts (gecachter Client, Standard appointmentsdb) - Tailwind 4 + TypeScript, Standalone-Docker-Build wie werte-next - Druckansicht der aktuellen offenen Termine beibehalten - Deployment: Dockerfile (multi-stage), docker-compose(.prod), deploy.sh Entfernt die alten frontend/- und backend/-Verzeichnisse. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
72 lines
1.2 KiB
CSS
72 lines
1.2 KiB
CSS
/* stylelint-disable at-rule-no-unknown */
|
|
@import "tailwindcss";
|
|
@source "../components/**/*.tsx";
|
|
@source "../app/**/*.tsx";
|
|
|
|
:root {
|
|
--background: #ffffff;
|
|
--foreground: #171717;
|
|
}
|
|
|
|
@theme inline {
|
|
--color-background: var(--background);
|
|
--color-foreground: var(--foreground);
|
|
--font-sans: var(--font-geist-sans);
|
|
--font-mono: var(--font-geist-mono);
|
|
}
|
|
|
|
body {
|
|
background: var(--background);
|
|
color: var(--foreground);
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
}
|
|
|
|
/* --- Druckansicht --- */
|
|
/* Standard: Druckbereich ausblenden */
|
|
.print-only {
|
|
display: none;
|
|
}
|
|
|
|
@media print {
|
|
/* Bildschirm-UI ausblenden */
|
|
.screen-only,
|
|
.screen-only * {
|
|
display: none !important;
|
|
}
|
|
|
|
/* Nur Druckbereich anzeigen */
|
|
.print-only {
|
|
display: block !important;
|
|
}
|
|
|
|
body {
|
|
background: #ffffff;
|
|
margin: 10mm;
|
|
color: #000;
|
|
}
|
|
|
|
.print-only h1 {
|
|
margin-top: 0;
|
|
font-size: 20px;
|
|
}
|
|
|
|
.print-table {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.print-table th,
|
|
.print-table td {
|
|
border: 1px solid #000;
|
|
padding: 6px;
|
|
text-align: left;
|
|
}
|
|
|
|
.print-table thead th {
|
|
background: #eee;
|
|
-webkit-print-color-adjust: exact;
|
|
print-color-adjust: exact;
|
|
}
|
|
}
|