Skip to content

Commit 1ba3f69

Browse files
JacobCoffeeclaude
andcommitted
fix: resolve CSS styling issues in web dashboard
Two critical issues were preventing styles from loading correctly: 1. **Incorrect CSS path references**: All HTML templates used relative paths (e.g., `static/style.css`) instead of absolute paths (`/static/style.css`), causing browsers to load assets relative to the current URL instead of from the application root. 2. **TailwindCSS version mismatch**: The Makefile used `uv run tailwindcss` which downloaded TailwindCSS v4, but the project uses v3.3.3 with DaisyUI. This caused incomplete CSS compilation (540 lines vs 3,681 lines), missing all utility classes and DaisyUI components. **Changes:** - Fixed static file paths in all templates (7 files, 40+ references) - Updated Makefile to use `bunx tailwindcss` for compilation - Recompiled CSS with correct TailwindCSS v3.3.3 + DaisyUI - Added `.biomeignore` to exclude generated CSS from linting - Updated `biome.json` to remove deprecated config **Impact:** - Navigation now renders with proper DaisyUI styling - All TailwindCSS utilities and components available - Dark mode and responsive design work correctly **Testing:** - All 1076 tests passing - CSS file: 3,681 lines with full DaisyUI components - Static assets serving correctly at `/static/` path 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <[email protected]>
1 parent 64743d0 commit 1ba3f69

File tree

10 files changed

+3324
-57
lines changed

10 files changed

+3324
-57
lines changed

.biomeignore

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
# Generated/compiled CSS files
2+
services/api/src/byte_api/domain/web/resources/style.css
3+
4+
# Documentation CSS (has intentional !important rules)
5+
docs/_static/custom.css

Makefile

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -358,7 +358,7 @@ run-dev-server: up-container ## Run the app in dev mode
358358
@cd services/api && LITESTAR_APP=byte_api.app:create_app $(UV) run litestar run --reload --debug
359359

360360
run-dev-frontend: ## Run the app frontend in dev mode
361-
@cd services/api && $(UV) run tailwindcss -i src/byte_api/domain/web/resources/input.css -o src/byte_api/domain/web/resources/style.css --watch
361+
@bunx tailwindcss -i services/api/src/byte_api/domain/web/resources/input.css -o services/api/src/byte_api/domain/web/resources/style.css --watch
362362

363363
run-dev: up-container ## Run the bot, web, and front end in dev mode
364364
@echo "NOTE: Run each service separately in different terminals:"

biome.json

Lines changed: 1 addition & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -7,23 +7,7 @@
77
},
88
"files": {
99
"ignoreUnknown": false,
10-
"includes": ["**/*.js", "**/*.ts", "**/*.jsx", "**/*.tsx", "**/*.json", "**/*.html", "**/*.css"],
11-
"experimentalScannerIgnores": [
12-
"_templates/**",
13-
".git/**",
14-
"node_modules/**",
15-
".venv/**",
16-
"dist/**",
17-
"build/**",
18-
"**/*.pyc",
19-
"__pycache__/**",
20-
"**/*.egg-info/**",
21-
".pytest_cache/**",
22-
".ruff_cache/**",
23-
"docs/_build/**",
24-
"**/*.svg",
25-
"services/api/src/byte_api/domain/web/resources/style.css"
26-
]
10+
"includes": ["**/*.js", "**/*.ts", "**/*.jsx", "**/*.tsx", "**/*.json", "**/*.html", "**/*.css"]
2711
},
2812
"formatter": {
2913
"enabled": true,

0 commit comments

Comments
 (0)