2 lines
6.2 KiB
CSS
2 lines
6.2 KiB
CSS
nav[data-v-8858e74d]{background:#333;width:100vw;padding:.5rem}a[data-v-8858e74d]{color:#eee;margin:0 .5rem}a.router-link-active[data-v-8858e74d]{font-weight:700;text-decoration:underline}.read-the-docs[data-v-cc337d8c]{color:#888}.log-viewer[data-v-b58606ca]{display:flex;flex-direction:column;height:80vh;width:100vw;margin:0;padding:0;background:#1e1e1e;color:#d4d4d4;font-family:Consolas,Monaco,monospace;box-sizing:border-box}.header[data-v-b58606ca]{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#252526;border-bottom:1px solid #3e3e42;flex-wrap:wrap;gap:.5rem}.header h2[data-v-b58606ca]{margin:0;color:#fff;font-size:1.2rem;flex-shrink:0}@media (max-width: 768px){.header[data-v-b58606ca]{padding:.75rem 1rem}.header h2[data-v-b58606ca]{font-size:1rem;width:100%}}.controls[data-v-b58606ca]{display:flex;gap:.5rem;flex-wrap:wrap}@media (max-width: 768px){.controls[data-v-b58606ca]{width:100%;justify-content:space-between}}button[data-v-b58606ca]{padding:.5rem 1rem;background:#3c3c3c;color:#d4d4d4;border:1px solid #555;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s;white-space:nowrap}@media (max-width: 768px){button[data-v-b58606ca]{padding:.4rem .7rem;font-size:.8rem;flex:1;min-width:0}}button[data-v-b58606ca]:hover{background:#505050}button.active[data-v-b58606ca]{background:#0e639c;border-color:#17b}.filter[data-v-b58606ca]{padding:.5rem;background:#3c3c3c;color:#d4d4d4;border:1px solid #555;border-radius:4px;cursor:pointer}@media (max-width: 768px){.filter[data-v-b58606ca]{padding:.4rem;font-size:.8rem;flex:1;min-width:0}}.log-container[data-v-b58606ca]{flex:1;overflow-y:auto;padding:1rem;background:#1e1e1e}.log-entry[data-v-b58606ca]{display:grid;grid-template-columns:130px 80px 200px 1fr;gap:1rem;padding:.5rem;margin-bottom:.25rem;border-left:3px solid transparent;font-size:.9rem;line-height:1.4}@media (max-width: 768px){.log-entry[data-v-b58606ca]{grid-template-columns:1fr;gap:.3rem;padding:.75rem .5rem;font-size:.85rem;border-left-width:4px}}.log-entry[data-v-b58606ca]:hover{background:#2d2d30}.log-entry.is-history[data-v-b58606ca]{opacity:.7}.timestamp[data-v-b58606ca]{color:#858585;font-weight:500}@media (max-width: 768px){.timestamp[data-v-b58606ca]{font-size:.75rem;order:1}}.level[data-v-b58606ca]{font-weight:700;text-transform:uppercase;padding:.1rem .5rem;border-radius:3px;text-align:center}@media (max-width: 768px){.level[data-v-b58606ca]{order:2;width:fit-content;font-size:.75rem;padding:.2rem .6rem}}.target[data-v-b58606ca]{color:#4ec9b0;font-style:italic}@media (max-width: 768px){.target[data-v-b58606ca]{order:3;font-size:.8rem;color:#6eb8a5}}.message[data-v-b58606ca]{color:#d4d4d4;word-break:break-word;text-align:left}@media (max-width: 768px){.message[data-v-b58606ca]{order:4;margin-top:.25rem}}.markdown-content[data-v-b58606ca]{line-height:1.5}.markdown-content[data-v-b58606ca] code{background:#3c3c3c;padding:.1rem .3rem;border-radius:3px;font-family:Consolas,Monaco,monospace;font-size:.85em;color:#ce9178}.markdown-content[data-v-b58606ca] pre{background:#2d2d30;padding:.5rem;border-radius:4px;overflow-x:auto;margin:.25rem 0}.markdown-content[data-v-b58606ca] pre code{background:transparent;padding:0;color:#d4d4d4}.markdown-content[data-v-b58606ca] strong{color:#fff;font-weight:700}.markdown-content[data-v-b58606ca] em{color:#dcdcaa;font-style:italic}.markdown-content[data-v-b58606ca] a{color:#569cd6;text-decoration:none}.markdown-content[data-v-b58606ca] a:hover{text-decoration:underline}.markdown-content[data-v-b58606ca] p{margin:0;display:inline}.markdown-content[data-v-b58606ca] ul,.markdown-content[data-v-b58606ca] ol{margin:.25rem 0;padding-left:1.5rem}.level-trace[data-v-b58606ca]{border-left-color:gray}.level-trace .level[data-v-b58606ca]{background:#3a3a3a;color:#a0a0a0}.level-debug[data-v-b58606ca]{border-left-color:#569cd6}.level-debug .level[data-v-b58606ca]{background:#1e3a5f;color:#569cd6}.level-info[data-v-b58606ca]{border-left-color:#4ec9b0}.level-info .level[data-v-b58606ca]{background:#1e4d42;color:#4ec9b0}.level-warn[data-v-b58606ca]{border-left-color:#dcdcaa}.level-warn .level[data-v-b58606ca]{background:#4d4d2a;color:#dcdcaa}.level-error[data-v-b58606ca]{border-left-color:#f48771}.level-error .level[data-v-b58606ca]{background:#5a1e1e;color:#f48771}.empty-state[data-v-b58606ca]{text-align:center;padding:3rem;color:#858585;font-size:1.1rem}.loading-state[data-v-b58606ca]{text-align:center;padding:3rem;color:#569cd6;font-size:1.1rem;animation:pulse-b58606ca 1.5s ease-in-out infinite}@keyframes pulse-b58606ca{0%,to{opacity:1}50%{opacity:.5}}.footer[data-v-b58606ca]{display:flex;justify-content:space-between;padding:.75rem 1.5rem;background:#252526;border-top:1px solid #3e3e42;font-size:.9rem}@media (max-width: 768px){.footer[data-v-b58606ca]{padding:.6rem 1rem;font-size:.8rem}}.status[data-v-b58606ca]{color:#f48771}.status.connected[data-v-b58606ca]{color:#4ec9b0}.count[data-v-b58606ca]{color:#858585}.log-container[data-v-b58606ca]::-webkit-scrollbar{width:12px}.log-container[data-v-b58606ca]::-webkit-scrollbar-track{background:#1e1e1e}.log-container[data-v-b58606ca]::-webkit-scrollbar-thumb{background:#424242;border-radius:6px}.log-container[data-v-b58606ca]::-webkit-scrollbar-thumb:hover{background:#4e4e4e}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;width:100vw}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}
|