Hermes
517583d1c4
- Mobile-first PWA with dark glassmorphic theme - Pulse: status card, recent sessions, memory snapshot - Memory: view/edit agent + user memory with usage bars - History: session list, platform filter, search, session replay - TanStack Query hooks for all Hermes WebAPI endpoints - Bottom tab navigation, safe-area support
51 lines
1.3 KiB
CSS
51 lines
1.3 KiB
CSS
@import "tailwindcss";
|
|
|
|
:root {
|
|
--safe-bottom: env(safe-area-inset-bottom, 0px);
|
|
}
|
|
|
|
body {
|
|
background: #0a0a0f;
|
|
color: #f0f0f0;
|
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
|
|
-webkit-font-smoothing: antialiased;
|
|
overscroll-behavior: none;
|
|
}
|
|
|
|
/* Glass card */
|
|
.glass {
|
|
background: rgba(255, 255, 255, 0.04);
|
|
border: 1px solid rgba(255, 255, 255, 0.08);
|
|
border-radius: 16px;
|
|
}
|
|
|
|
.glass-hover:active {
|
|
background: rgba(255, 255, 255, 0.07);
|
|
}
|
|
|
|
/* Scrollbar */
|
|
::-webkit-scrollbar { width: 4px; }
|
|
::-webkit-scrollbar-track { background: transparent; }
|
|
::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.1); border-radius: 2px; }
|
|
|
|
/* Safe area padding for bottom nav */
|
|
.pb-safe {
|
|
padding-bottom: calc(4.5rem + var(--safe-bottom));
|
|
}
|
|
|
|
/* Platform badges */
|
|
.badge-cli { background: rgba(245,158,11,0.15); color: #f59e0b; }
|
|
.badge-telegram { background: rgba(56,189,248,0.15); color: #38bdf8; }
|
|
.badge-discord { background: rgba(139,92,246,0.15); color: #8b5cf6; }
|
|
.badge-whatsapp { background: rgba(34,197,94,0.15); color: #22c55e; }
|
|
.badge-web { background: rgba(168,85,247,0.15); color: #a78bfa; }
|
|
|
|
/* Pulse dot animation */
|
|
@keyframes pulse-dot {
|
|
0%, 100% { opacity: 1; }
|
|
50% { opacity: 0.4; }
|
|
}
|
|
.animate-pulse-dot {
|
|
animation: pulse-dot 2s ease-in-out infinite;
|
|
}
|