added tailwind + daisy ui

frontend/package.json

@@ -50,7 +50,9 @@
     "@types/jest": "^29.5.12",
     "@typescript-eslint/eslint-plugin": "6.19.0",
     "@typescript-eslint/parser": "6.19.0",
+    "autoprefixer": "^10.4.19",
     "concurrently": "^8.2.2",
+    "daisyui": "^4.12.2",
     "eslint": "^8.57.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-import": "^2.29.1",
@@ -59,7 +61,9 @@
     "eslint-plugin-unused-imports": "^3.2.0",
     "jest": "^29.7.0",
     "jest-preset-angular": "^14.0.3",
+    "postcss": "^8.4.38",
     "prettier": "3.2.5",
+    "tailwindcss": "^3.4.4",
     "typescript": "~5.4.2",
     "wait-on": "^7.2.0"
   },

frontend/postcss.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  }
+}

frontend/src/styles.scss

@@ -1,12 +1,16 @@
 // Import PrimeNG styles
-@import 'primeng/resources/themes/lara-light-blue/theme.css';
+// @import 'primeng/resources/themes/lara-light-blue/theme.css';
-@import 'primeng/resources/primeng.css';
+// @import 'primeng/resources/primeng.css';
 
-// PrimeNG icons
+// // PrimeNG icons
-@import 'primeicons/primeicons.css';
+// @import 'primeicons/primeicons.css';
 
-html,
+@tailwind base;
-body {
+@tailwind components;
-  height: 100%;
+@tailwind utilities;
-  margin: 0;
+
-}
+// html,
+// body {
+//   height: 100%;
+//   margin: 0;
+// }

frontend/tailwind.config.js

@@ -0,0 +1,17 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: [
+    "./src/**/*.{html,ts}",
+  ],
+  theme: {
+    extend: {},
+  },
+  plugins: [require('daisyui')],
+  daisyui: {
+    themes: [
+      "light",
+    ],
+    darkTheme: "dark"
+  }
+}
+