OpenClaw Bot
08f1ff6af8
- Redesigned with simpler card-based grid layout - Added grid/list view toggle - Cleaner status badges (ONLINE/OFFLINE) - Simplified stats display (2 stats per card) - Removed complex animations and effects - Easier to read and scan quickly - Consistent spacing and typography
61 lines
1.7 KiB
CSS
61 lines
1.7 KiB
CSS
/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
|
|
!*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!./src/app/globals.css ***!
|
|
\*****************************************************************************************************************************************************************************************************************************************************************/
|
|
@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap');
|
|
|
|
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
:root {
|
|
--background: #0F172A;
|
|
--foreground: #F8FAFC;
|
|
}
|
|
|
|
body {
|
|
color: var(--foreground);
|
|
background: var(--background);
|
|
font-family: 'Inter', system-ui, -apple-system, sans-serif;
|
|
}
|
|
|
|
.font-mono {
|
|
font-family: 'Fira Code', monospace;
|
|
}
|
|
|
|
/* Custom scrollbar */
|
|
::-webkit-scrollbar {
|
|
width: 8px;
|
|
height: 8px;
|
|
}
|
|
|
|
::-webkit-scrollbar-track {
|
|
background: #1E293B;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
background: #334155;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background: #475569;
|
|
}
|
|
|
|
/* Smooth transitions */
|
|
* {
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
|
|
/* Focus visible styles */
|
|
:focus-visible {
|
|
outline: 2px solid #22C55E;
|
|
outline-offset: 2px;
|
|
}
|
|
|
|
/* Selection color */
|
|
::selection {
|
|
background: rgba(34, 197, 94, 0.3);
|
|
color: #F8FAFC;
|
|
}
|
|
|