feat: complete UI redesign with DaisyUI + Tailwind CSS v4
Design system overhaul using DaisyUI v5 on Tailwind CSS v4: - Custom 'ohmstream' dark theme with orange primary (#FF9F1C), magenta secondary, gold accent matching existing palette - Tailwind CSS-first config (input.css source, style.css built output) - DaisyUI components: navbar, drawer, cards, badges, alerts, tables, progress bars, tabs, toggles, stats, form controls, tooltips - Mobile-first responsive layout with drawer navigation - Eliminated ~500+ lines of embedded CSS across 15+ template files - Removed all inline style spam from admin_panel and settings_section - Preserved all HTMX triggers, Alpine.js state, and Jinja2 logic - Updated auth-ui.js for DaisyUI tab-active class compatibility Build: npm run build:css (minified) / npm run watch:css (dev)
This commit is contained in:
@@ -4,12 +4,17 @@
|
||||
"description": "Ohm Stream Downloader - Frontend JavaScript Tests",
|
||||
"type": "module",
|
||||
"scripts": {
|
||||
"build:css": "npx @tailwindcss/cli -i static/css/input.css -o static/css/style.css --minify",
|
||||
"watch:css": "npx @tailwindcss/cli -i static/css/input.css -o static/css/style.css",
|
||||
"test": "vitest run",
|
||||
"test:watch": "vitest"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@playwright/test": "^1.58.2",
|
||||
"@tailwindcss/cli": "^4.2.2",
|
||||
"daisyui": "^5.5.19",
|
||||
"jsdom": "^29.0.0",
|
||||
"tailwindcss": "^4.2.2",
|
||||
"vitest": "^1.0.0"
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user