generated from CubeCraft-Creations/Tracehound
CUB-194: scaffold Vite + React + TypeScript + Tailwind frontend
- Initialize Vite project with React + TypeScript + Tailwind CSS - Dark theme dashboard design (rig-dark palette, rig-accent colors) - Minimal App with RemoteRig header + 'Dashboard coming soon' placeholder - Directory structure: components, hooks, services, types, utils - TypeScript types for Camera, CameraFeed, SystemHealth, StreamConfig - Custom hooks: useCameraStatus, useSystemHealth (with mock data) - API service layer with proxy config for /api → localhost:8080 - eslint, postcss, autoprefixer configured - lucide-react icons integrated (Camera icon) - .env.example, .gitignore, tsconfig basepaths configured - Build + type-check + lint verified clean
This commit is contained in:
@@ -0,0 +1,30 @@
|
||||
@tailwind base;
|
||||
@tailwind components;
|
||||
@tailwind utilities;
|
||||
|
||||
/* Dashboard-specific resets */
|
||||
html {
|
||||
@apply antialiased;
|
||||
}
|
||||
|
||||
body {
|
||||
@apply bg-rig-dark-900 text-rig-dark-100;
|
||||
}
|
||||
|
||||
/* Scrollbar styling */
|
||||
::-webkit-scrollbar {
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
@apply bg-rig-dark-800;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
@apply bg-rig-dark-600 rounded;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
@apply bg-rig-dark-500;
|
||||
}
|
||||
Reference in New Issue
Block a user