Files
MABEA/frontend/vite.config.ts
T
patrickandClaude Sonnet 5 a46897570d
CI / backend-tests (push) Failing after 2m8s
CI / frontend-build (push) Successful in 20s
feat(dashboard): Tailwind CSS + shadcn/ui eingeführt, Dashboard modernisiert
Kachel-Größe/Ausblenden-Fix (flexBasis pro Kachel statt nur Aufgaben-Kachel, sichtbare Liste ausgeblendeter Kacheln zum Zurückholen). Tailwind v4 + shadcn-Basiskomponenten (Button/Card/Badge) neu eingeführt, gezielt fürs Dashboard-Redesign genutzt (kein Preflight, global.css bleibt für restliche App unangetastet). TileFrame nutzt jetzt Card mit farbigem Akzentbalken je Kritikalität (Mängel/Prüftermine/Ablaufdaten/Einsatzbereitschaft), ReadinessBadge von Emoji auf CSS-Punkte umgestellt, größere Touch-Ziele im Anpassen-Modus, Kiosk-Look im Status-Monitor (Chrome ausgeblendet), "zuletzt aktualisiert"-Anzeige.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01CVgbozhYmuEhiEJHffRXCV
2026-09-07 12:29:54 +02:00

39 lines
1.2 KiB
TypeScript

import tailwindcss from "@tailwindcss/vite";
import react from "@vitejs/plugin-react";
import { defineConfig } from "vite";
import { VitePWA } from "vite-plugin-pwa";
// MABEA PWA (Sprint 7 / Prompt 17): Service Worker cached App-Shell für schnellen
// Start im Einsatzumfeld. Die eigentliche Offline-Pufferung von Kontroll-Eingaben
// läuft NICHT über den Service Worker, sondern über eine IndexedDB-Queue
// (src/offline/queue.ts) - Service Worker allein reicht für Formular-Requests
// nicht aus, ohne Background-Sync-Komplexität einzuführen.
export default defineConfig({
plugins: [
tailwindcss(),
react(),
VitePWA({
registerType: "autoUpdate",
workbox: {
globPatterns: ["**/*.{js,css,html,svg,png,ico}"],
},
manifest: {
name: "MABEA",
short_name: "MABEA",
description: "Digitales Materialmanagement Rettungsdienst/KatS",
theme_color: "#0b5394",
background_color: "#ffffff",
display: "standalone",
start_url: "/",
icons: [
{ src: "icon-192.png", sizes: "192x192", type: "image/png" },
{ src: "icon-512.png", sizes: "512x512", type: "image/png" },
],
},
}),
],
server: {
port: 5173,
},
});