feat: add layout components and pages for NxMesh Admin

- Implemented Header, Sidebar, and Layout components for consistent UI structure.
- Created pages for Agents, Certificates, Configurations, Dashboard, and Settings.
- Integrated React Query for data fetching in Agents, Certificates, Configurations, and Dashboard pages.
- Added Tailwind CSS for styling and responsive design.
- Established a utility function for conditional class names.
- Set up Vite configuration for React project with TypeScript support.
- Included global styles and Tailwind CSS configuration.
This commit is contained in:
GW_MC
2026-03-03 04:39:26 +00:00
parent 8bae551af8
commit 31f1d8309d
24 changed files with 4115 additions and 0 deletions

View File

@@ -0,0 +1,36 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
:root {
font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
line-height: 1.5;
font-weight: 400;
color-scheme: light dark;
color: rgba(255, 255, 255, 0.87);
background-color: #242424;
font-synthesis: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body {
margin: 0;
display: flex;
min-width: 320px;
min-height: 100vh;
}
#root {
width: 100%;
}
@media (prefers-color-scheme: light) {
:root {
color: #213547;
background-color: #ffffff;
}
}