From a8599c870305aa83f28170e506d17b453b6463ce Mon Sep 17 00:00:00 2001
From: "[dyad]" <michaelschal@gmail.com>
Date: Thu, 6 Nov 2025 16:18:08 +0100
Subject: [PATCH] [dyad] wrote 4 file(s)

---
 Dockerfile         | 15 +++++++---
 package.json       |  2 +-
 postcss.config.js  |  2 +-
 tailwind.config.js | 68 ++++++++++++++++++++++++++++++++++++++++++----
 4 files changed, 76 insertions(+), 11 deletions(-)

diff --git a/Dockerfile b/Dockerfile
index 676fcef..eaf63b9 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -12,11 +12,18 @@ RUN mkdir -p public/css/dist data public/uploads
 COPY package*.json ./
 RUN npm install
 
-# Copy application files
-COPY . .
+# Copy configuration files
+COPY postcss.config.js tailwind.config.js ./
 
-# Build CSS
-RUN npm run build:css
+# Copy source files
+COPY src ./src
+COPY public ./public
+
+# Build CSS with verbose output
+RUN NODE_ENV=production npx tailwindcss -i ./src/globals.css -o ./public/css/dist/styles.css --minify -v
+
+# Copy remaining files
+COPY . .
 
 # Set correct permissions
 RUN chown -R node:node .
diff --git a/package.json b/package.json
index 38d0e5c..1e00268 100644
--- a/package.json
+++ b/package.json
@@ -6,7 +6,7 @@
   "scripts": {
     "start": "node server.js",
     "dev": "nodemon server.js",
-    "build:css": "mkdir -p public/css/dist && tailwindcss -i ./src/globals.css -o ./public/css/dist/styles.css --minify"
+    "build:css": "mkdir -p public/css/dist && npx tailwindcss build -i ./src/globals.css -o ./public/css/dist/styles.css --minify"
   },
   "dependencies": {
     "@tanstack/react-query": "^5.90.7",
diff --git a/postcss.config.js b/postcss.config.js
index e99ebc2..96bb01e 100644
--- a/postcss.config.js
+++ b/postcss.config.js
@@ -1,4 +1,4 @@
-export default {
+module.exports = {
   plugins: {
     tailwindcss: {},
     autoprefixer: {},
diff --git a/tailwind.config.js b/tailwind.config.js
index 4273d85..6bbcbcd 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,16 +1,74 @@
 /** @type {import('tailwindcss').Config} */
 module.exports = {
+  darkMode: ["class"],
   content: [
-    "./src/**/*.{js,jsx,ts,tsx}",
+    "./src/**/*.{ts,tsx}",
     "./public/**/*.html",
-    "./public/**/*.js"
   ],
   theme: {
+    container: {
+      center: true,
+      padding: "2rem",
+      screens: {
+        "2xl": "1400px",
+      },
+    },
     extend: {
-      fontFamily: {
-        sans: ['Inter', 'sans-serif'],
+      colors: {
+        border: "hsl(var(--border))",
+        input: "hsl(var(--input))",
+        ring: "hsl(var(--ring))",
+        background: "hsl(var(--background))",
+        foreground: "hsl(var(--foreground))",
+        primary: {
+          DEFAULT: "hsl(var(--primary))",
+          foreground: "hsl(var(--primary-foreground))",
+        },
+        secondary: {
+          DEFAULT: "hsl(var(--secondary))",
+          foreground: "hsl(var(--secondary-foreground))",
+        },
+        destructive: {
+          DEFAULT: "hsl(var(--destructive))",
+          foreground: "hsl(var(--destructive-foreground))",
+        },
+        muted: {
+          DEFAULT: "hsl(var(--muted))",
+          foreground: "hsl(var(--muted-foreground))",
+        },
+        accent: {
+          DEFAULT: "hsl(var(--accent))",
+          foreground: "hsl(var(--accent-foreground))",
+        },
+        popover: {
+          DEFAULT: "hsl(var(--popover))",
+          foreground: "hsl(var(--popover-foreground))",
+        },
+        card: {
+          DEFAULT: "hsl(var(--card))",
+          foreground: "hsl(var(--card-foreground))",
+        },
+      },
+      borderRadius: {
+        lg: "var(--radius)",
+        md: "calc(var(--radius) - 2px)",
+        sm: "calc(var(--radius) - 4px)",
+      },
+      keyframes: {
+        "accordion-down": {
+          from: { height: "0" },
+          to: { height: "var(--radix-accordion-content-height)" },
+        },
+        "accordion-up": {
+          from: { height: "var(--radix-accordion-content-height)" },
+          to: { height: "0" },
+        },
+      },
+      animation: {
+        "accordion-down": "accordion-down 0.2s ease-out",
+        "accordion-up": "accordion-up 0.2s ease-out",
       },
     },
   },
-  plugins: [],
+  plugins: [require("tailwindcss-animate")],
 }
\ No newline at end of file