Add tailwind

package.json

@@ -45,10 +45,12 @@
     "vite": "^5.4.21"
   },
   "dependencies": {
+    "@tailwindcss/vite": "^4.1.18",
     "bootstrap": "^5.3.8",
     "bootstrap-icons": "^1.13.1",
     "electron-squirrel-startup": "^1.0.1",
     "react": "^19.2.3",
-    "react-dom": "^19.2.3"
+    "react-dom": "^19.2.3",
+    "tailwindcss": "^4.1.18"
   }
 }

src/components/main.tsx

@@ -1,8 +1,8 @@
 // src/main.tsx     (recommended name - or index.tsx)
-import React from 'react'
+import React from "react"
-import ReactDOM from 'react-dom/client'
+import ReactDOM from "react-dom/client"
-import App from './App'           // ← your root component
+import App from "./App"
-import '../index.css'                  // optional
+import "../index.css"
 import "bootstrap/dist/css/bootstrap.min.css";
 import "bootstrap-icons/font/bootstrap-icons.css";
 

src/index.css

@@ -1,3 +1,5 @@
+@import "tailwindcss";
+
 body {
   font-family: "Fira Sans", sans-serif, monospace !important;
 }

tsconfig.json

@@ -11,6 +11,9 @@
     "baseUrl": ".",
     "outDir": "dist",
     "moduleResolution": "node",
-    "resolveJsonModule": true
+    "resolveJsonModule": true,
+    "paths": {
+      "@/*": ["./src/*"]
+    }
   }
 }

vite.renderer.config.mjs

@@ -1,8 +1,15 @@
+import path from "path"
+import tailwindcss from "@tailwindcss/vite"
 import { defineConfig } from 'vite';
 import react from "@vitejs/plugin-react";
 
 // https://vitejs.dev/config
 export default defineConfig({
-  plugins: [react()],
+  plugins: [react(), tailwindcss()],
   base: "./",
+  resolve: {
+    alias: {
+      "@": path.resolve(__dirname, "./src"),
+    },
+  },
 });