- Tambah scripts/build.ts untuk build CSS via PostCSS/Tailwind
- Update package.json build script untuk gunakan build script baru
- Fix responsive grid di sosial-page (lg -> md breakpoint)
- Tambah padding responsive untuk mobile display
- Convert inline styles ke Tailwind classes untuk konsistensi
- Update tailwind.config.js content paths
- Tambah CSS variables di index.css untuk color palette
- Update Dockerfile untuk gunakan build script baru
Fixes: tampilan berantakan di staging karena CSS tidak ter-build dengan benar
Co-authored-by: Qwen-Coder <qwen-coder@alibabacloud.com>
This commit introduces a theme toggle functionality in the application header
and improves the visual consistency of dashboard components across different
color schemes.
- Added light/dark mode toggle to using Mantine's .
- Ensured all components in have visible borders in both light and dark modes by adding the prop.
- Made colors in theme-aware, dynamically adjusting their background color based on the active color scheme.
Additionally, this commit includes a large refactoring operation, moving various
component files from to and updating
their references.
This commit introduces a functional dark/light mode toggle by integrating
`next-themes` with the application. It configures `ThemeProvider` in
`src/frontend.tsx` and sets `darkMode: 'class'` in `tailwind.config.js`.
Additionally, this commit resolves several linting and parsing issues
found in `src/index.ts`.
This commit also includes other pre-existing modifications and new
components within the project's working directory that were not
specifically part of the dark mode or linting tasks.
