From 97daf164ee1ea1ab85afb676de592faffb0680b9 Mon Sep 17 00:00:00 2001 From: Ryderjj89 Date: Mon, 29 Sep 2025 19:21:34 -0400 Subject: [PATCH] Remove TailwindCSS completely and use Nuxt UI with custom CSS for styling --- assets/css/main.css | 27 ++++++++++++++++++++++----- nuxt.config.ts | 3 +-- package.json | 1 - 3 files changed, 23 insertions(+), 8 deletions(-) diff --git a/assets/css/main.css b/assets/css/main.css index 8153728..a341add 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -1,10 +1,5 @@ @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 */ 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"; @@ -14,6 +9,28 @@ html { body { font-family: inherit; font-feature-settings: 'cv02', 'cv03', 'cv04', 'cv11'; + margin: 0; + padding: 0; +} + +/* Basic reset and utility styles */ +* { + box-sizing: border-box; +} + +h1, h2, h3, h4, h5, h6 { + font-weight: 600; + line-height: 1.25; +} + +button { + cursor: pointer; + border: none; + outline: none; +} + +input, textarea { + outline: none; } /* Custom font classes if needed */ diff --git a/nuxt.config.ts b/nuxt.config.ts index 5e21801..4b48ebc 100644 --- a/nuxt.config.ts +++ b/nuxt.config.ts @@ -1,8 +1,7 @@ export default defineNuxtConfig({ devtools: { enabled: false }, modules: [ - '@nuxt/ui', - '@nuxtjs/tailwindcss' + '@nuxt/ui' ], ui: { theme: { diff --git a/package.json b/package.json index 69bc47b..bd6391d 100644 --- a/package.json +++ b/package.json @@ -14,7 +14,6 @@ "dependencies": { "nuxt": "^4.0.0", "@nuxt/ui": "^4.0.0", - "@nuxtjs/tailwindcss": "^6.12.0", "better-sqlite3": "^11.1.0", "qrcode": "^1.5.4", "jose": "^5.3.0",