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} /> ) : ( -