feat: integrate Tailwind CSS for improved styling and layout

- Added Tailwind CSS and its Vite plugin to the frontend project.
- Updated App.svelte to enhance UI with Tailwind classes, including a new layout for the serial monitor and command tester.
- Improved logging functionality by increasing log history and adding more detailed log messages.
- Refactored SendBox.svelte for consistent styling with Tailwind.
- Enhanced Pico firmware to support structured event logging and command parsing.
- Updated README_PICO_SERIAL.md to provide comprehensive documentation on serial communication and backend integration.
- Added .dockerignore to optimize Docker builds by excluding unnecessary files.
This commit is contained in:
2025-08-30 14:18:57 +02:00
parent d607308b1d
commit 46899ef7be
13 changed files with 1258 additions and 184 deletions

View File

@@ -30,3 +30,15 @@ a:hover { opacity: 0.9; }
@media (prefers-color-scheme: light) {
:root { --bg: #fafafa; --surface:#fff; --text:#111827; --muted:#556; }
}
/* small helpers that complement tailwind tokens */
.container { max-width: 1100px; margin: 0 auto; padding: 1.25rem; }
:focus { outline: 3px solid rgba(124,108,255,0.18); outline-offset: 2px; }
@tailwind base;
@tailwind components;
@tailwind utilities;
@import "tailwindcss";