From 31a09a0c25b355a3df7aca1f2fa613ea2aa26ada Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mathilde=20H=C3=A9tru?= Date: Tue, 10 Feb 2026 15:10:08 +0100 Subject: [PATCH 1/2] feat: nuxtUI + tailwind + header styling --- .vscode/settings.json | 10 +- app/app.vue | 11 +- app/assets/css/main.css | 30 + app/components/HeaderItem.vue | 37 +- app/components/HeroItem.vue | 2 +- app/pages/index.vue | 1 - content.config.ts | 1 + content/header/navigation.json | 17 +- nuxt.config.ts | 25 +- package-lock.json | 12196 ++++++++++++++++++++----------- package.json | 3 + tailwind.config.ts | 22 + 12 files changed, 8093 insertions(+), 4262 deletions(-) create mode 100644 app/assets/css/main.css create mode 100644 tailwind.config.ts diff --git a/.vscode/settings.json b/.vscode/settings.json index 1947a0d..92a2df2 100644 --- a/.vscode/settings.json +++ b/.vscode/settings.json @@ -2,5 +2,13 @@ "editor.formatOnSave": true, "editor.codeActionsOnSave": { "source.fixAll.eslint": "explicit" - } + }, + "files.associations": { + "*.css": "tailwindcss" + }, + "editor.quickSuggestions": { + "strings": "on" + }, + "tailwindCSS.classAttributes": ["class", "ui"], + "tailwindCSS.experimental.classRegex": [["ui:\\s*{([^)]*)\\s*}", "(?:'|\"|`)([^']*)(?:'|\"|`)"]] } diff --git a/app/app.vue b/app/app.vue index 0562709..ccbbedf 100644 --- a/app/app.vue +++ b/app/app.vue @@ -1,10 +1,15 @@ diff --git a/app/assets/css/main.css b/app/assets/css/main.css new file mode 100644 index 0000000..253a174 --- /dev/null +++ b/app/assets/css/main.css @@ -0,0 +1,30 @@ +@import 'tailwindcss'; +@import '@nuxt/ui'; + +body { + font-family: var(--font-main); + background-color: var(--depth); +} + +.font-heading { + font-family: var(--font-heading); +} + +@layer base { + :root { + /* Couleurs */ + --primary: 59 130 246; + --secondary: 139 92 246; + --accent: 236 72 153; + --depth: #dadada; + + /* Spacing */ + --spacing-sm: 0.5rem; + --spacing-md: 1rem; + --spacing-lg: 2rem; + + /* Fonts */ + --font-main: 'Montserrat', sans-serif; + --font-heading: 'Birthstone Bounce', sans-serif; + } +} diff --git a/app/components/HeaderItem.vue b/app/components/HeaderItem.vue index 5152776..37ad1fd 100644 --- a/app/components/HeaderItem.vue +++ b/app/components/HeaderItem.vue @@ -1,16 +1,35 @@