Spaces:
Runtime error
Runtime error
File size: 1,700 Bytes
fd899b3 02745b8 fd899b3 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 | :root {
--bg-color: #0a0a0c;
--panel-bg: #16161a;
--accent: #7c4dff;
--text: #e0e0e0;
--thought-bg: #1e1e24;
--action-bg: #2a1b3d;
--fama-bg: #3d1b1b;
}
body {
margin: 0;
background-color: var(--bg-color);
color: var(--text);
font-family: 'Inter', system-ui, sans-serif;
overflow: hidden;
}
#app {
display: flex;
height: 100vh;
gap: 1rem;
padding: 1rem;
box-sizing: border-box;
}
.sidebar {
width: 300px;
background: var(--panel-bg);
border-radius: 12px;
padding: 1.5rem;
display: flex;
flex-direction: column;
gap: 1rem;
}
.main-content {
flex: 1;
display: flex;
flex-direction: column;
gap: 1rem;
}
.monitor-view {
flex: 1;
background: var(--panel-bg);
border-radius: 12px;
padding: 1.5rem;
overflow-y: auto;
position: relative;
border: 1px solid #ffffff0a;
}
.log-entry {
margin-bottom: 1rem;
padding: 1rem;
border-radius: 8px;
animation: slideIn 0.3s ease-out;
}
.log-thought { background: var(--thought-bg); border-left: 4px solid var(--accent); }
.log-action { background: var(--action-bg); border-left: 4px solid #00e5ff; }
.log-fama { background: var(--fama-bg); border-left: 4px solid #ff1744; }
@keyframes slideIn {
from { transform: translateX(20px); opacity: 0; }
to { transform: translateX(0); opacity: 1; }
}
.status-badge {
display: inline-block;
padding: 4px 12px;
border-radius: 20px;
background: #00c85333;
color: #69f0ae;
font-size: 0.8rem;
font-weight: bold;
}
.header {
font-size: 1.5rem;
font-weight: 800;
background: linear-gradient(45deg, var(--accent), #00e5ff);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
|