diff --git a/astro.config.mjs b/astro.config.mjs
index c5ff564..db2b32c 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -1,6 +1,6 @@
// @ts-check
import { defineConfig } from 'astro/config'
-import tailwind from '@astrojs/tailwind'
+import tailwindcss from '@tailwindcss/vite'
import node from '@astrojs/node'
import react from '@astrojs/react'
import paraglide from '@inlang/paraglide-astro'
@@ -20,11 +20,13 @@ export default defineConfig({
}
},
integrations: [
- tailwind(),
paraglide({ project: './project.inlang', outdir: './src/paraglide' }),
icon({ iconDir: 'src/img/icons' }),
react()
],
+ vite: {
+ plugins: [tailwindcss()]
+ },
image: { domains: ['cdn.sittingonclouds.net'] },
output: 'server',
adapter: node({ mode: 'standalone' }),
diff --git a/package.json b/package.json
index 987c8d4..e23efe5 100644
--- a/package.json
+++ b/package.json
@@ -13,9 +13,9 @@
"@astrojs/node": "9.0.0",
"@astrojs/react": "4.1.3",
"@astrojs/rss": "4.0.11",
- "@astrojs/tailwind": "^6.0.0",
"@inlang/paraglide-astro": "^0.2.2",
"@prisma/client": "^6.3.1",
+ "@tailwindcss/vite": "^4.0.7",
"@types/react": "^18.3.12",
"@types/react-dom": "^18.3.1",
"astro": "5.1.5",
@@ -31,7 +31,7 @@
"react-hot-toast": "^2.4.1",
"react-svg-spinners": "^0.3.1",
"sharp": "^0.33.5",
- "tailwindcss": "^3.4.17",
+ "tailwindcss": "^4.0.7",
"typescript": "^5.6.2"
},
"devDependencies": {
diff --git a/src/components/AlbumBox.astro b/src/components/AlbumBox.astro
index 766fcc5..c960934 100644
--- a/src/components/AlbumBox.astro
+++ b/src/components/AlbumBox.astro
@@ -16,7 +16,7 @@ const { title, href, image, loading = false } = props
{
loading ? (
) : (
) : (
diff --git a/src/components/albumPage/DownloadBtn.astro b/src/components/albumPage/DownloadBtn.astro
index b584c6f..0ec587c 100644
--- a/src/components/albumPage/DownloadBtn.astro
+++ b/src/components/albumPage/DownloadBtn.astro
@@ -14,12 +14,13 @@ const disabled = direct && !permissions.includes('SKIP_ADS')
- {icon ? : null}
+ {icon ? : null}
diff --git a/src/components/form/ForgorForm.tsx b/src/components/form/ForgorForm.tsx
index fe8f937..e209177 100644
--- a/src/components/form/ForgorForm.tsx
+++ b/src/components/form/ForgorForm.tsx
@@ -40,13 +40,23 @@ export default function ForgorForm(props: { token: string }) {
-
+
-
+
)
}
diff --git a/src/components/header/LoginButton.tsx b/src/components/header/LoginButton.tsx
index 205a315..9a76884 100644
--- a/src/components/header/LoginButton.tsx
+++ b/src/components/header/LoginButton.tsx
@@ -65,13 +65,18 @@ function LoginForm(props: { setForm: SetState; setModalOpen: SetSta
-
+
-
+
@@ -132,7 +137,7 @@ function CreateForgorForm(props: { setForm: SetState; setModalOpen:
-
+