Fix Nuxt 4 TailwindCSS configuration: add Tailwind directives and proper config
This commit is contained in:
@@ -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";
|
||||||
|
|||||||
@@ -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: [
|
||||||
|
|||||||
Reference in New Issue
Block a user