Fix Nuxt 4 TailwindCSS configuration: add Tailwind directives and proper config

This commit is contained in:
Ryderjj89
2025-09-29 19:15:58 -04:00
parent 8bc1f2f757
commit 25b7c795a1
2 changed files with 8 additions and 2 deletions

View File

@@ -1,6 +1,10 @@
/* Inter font from Google Fonts - Clean, modern sans-serif */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
/* TailwindCSS base styles */
@tailwind base;
@tailwind components;
@tailwind utilities;
/* Apply Inter font family to the entire application */ /* Apply Inter font family to the entire application */
html { html {
font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

View File

@@ -21,7 +21,9 @@ export default defineNuxtConfig({
wasm: true wasm: true
} }
}, },
css: ['~/assets/css/main.css'], tailwindcss: {
cssPath: '~/assets/css/main.css'
},
app: { app: {
head: { head: {
link: [ link: [