diff --git a/.prettierrc.json b/.prettierrc.json
index 6e35829..0628471 100644
--- a/.prettierrc.json
+++ b/.prettierrc.json
@@ -4,5 +4,6 @@
"trailingComma": "all",
"printWidth": 100,
"tabWidth": 2,
- "plugins": ["prettier-plugin-tailwindcss"]
+ "plugins": ["prettier-plugin-tailwindcss"],
+ "tailwindStylesheet": "./apps/web/src/app/globals.css"
}
diff --git a/README.md b/README.md
index 1f42eba..3c32196 100644
--- a/README.md
+++ b/README.md
@@ -54,7 +54,7 @@ Embed Links — the minimum needed to post forms into a channel.
| Area | Technology |
|---|---|
| Frontend/SSR | Next.js 16 (App Router), TypeScript |
-| Styling | Tailwind CSS 3 |
+| Styling | Tailwind CSS 4 |
| Database | PostgreSQL + Prisma |
| Cache | Redis |
| Bot | Node.js + discord.js v14 |
diff --git a/apps/web/package.json b/apps/web/package.json
index 9cd215d..d815c06 100644
--- a/apps/web/package.json
+++ b/apps/web/package.json
@@ -38,14 +38,13 @@
"zustand": "^5.0.15"
},
"devDependencies": {
+ "@tailwindcss/postcss": "^4.3.3",
"@types/nodemailer": "^8.0.1",
"@types/qrcode": "^1.5.6",
"@types/react": "^19.3.0",
"@types/react-dom": "^19.3.0",
- "autoprefixer": "^10.6.1",
"postcss": "^8.5.28",
- "tailwindcss": "^3.4.17",
- "tailwindcss-animate": "^1.0.7",
+ "tailwindcss": "^4.3.3",
"typescript": "^5.7.2",
"vitest": "^5.0.3"
}
diff --git a/apps/web/postcss.config.mjs b/apps/web/postcss.config.mjs
index 2aa7205..c2ddf74 100644
--- a/apps/web/postcss.config.mjs
+++ b/apps/web/postcss.config.mjs
@@ -1,6 +1,5 @@
export default {
plugins: {
- tailwindcss: {},
- autoprefixer: {},
+ "@tailwindcss/postcss": {},
},
};
diff --git a/apps/web/src/app/dashboard/[guildId]/forms/[formId]/preview/page.tsx b/apps/web/src/app/dashboard/[guildId]/forms/[formId]/preview/page.tsx
index b1a770f..87229fd 100644
--- a/apps/web/src/app/dashboard/[guildId]/forms/[formId]/preview/page.tsx
+++ b/apps/web/src/app/dashboard/[guildId]/forms/[formId]/preview/page.tsx
@@ -58,7 +58,7 @@ export default async function FormPreviewPage({
-
+
{dict.dashboard.preview}
{dict.dashboard.previewNotice}
@@ -82,7 +82,7 @@ export default async function FormPreviewPage({
{form.description && {form.description}
}
-
+
{submission.spec && (
-
+
{t.answers}
@@ -103,7 +103,7 @@ export default async function SubmissionDetailPage({
)}
-
+
{t.timeline}
@@ -159,7 +159,7 @@ export default async function SubmissionDetailPage({
t={t}
/>
) : (
-