diff --git a/crates/aura-cli/assets/aura.css b/crates/aura-cli/assets/aura.css new file mode 100644 index 0000000..08f1866 --- /dev/null +++ b/crates/aura-cli/assets/aura.css @@ -0,0 +1,20 @@ + html, body { margin: 0; height: 100%; background: #16161a; color: #cdd6f4; + font-family: ui-monospace, monospace; } + header { padding: 8px 14px; border-bottom: 1px solid #313244; font-size: 13px; + display: flex; gap: 16px; align-items: baseline; flex-wrap: nowrap; + white-space: nowrap; overflow: hidden; } + header b { color: #f5e0dc; } .sub { color: #6c7086; } + #crumb a { color: #89b4fa; cursor: pointer; text-decoration: none; } + #crumb a:hover { text-decoration: underline; } + #crumb .sep { color: #6c7086; } + #status { color: #6c7086; margin-left: auto; } + #stage { width: 100%; height: calc(100% - 44px); } + #stage svg { width: 100%; height: 100%; cursor: default; } + #stage svg text { cursor: inherit; user-select: none; -webkit-user-select: none; } + #stage svg a { cursor: inherit; } + #err { padding: 14px; color: #f38ba8; white-space: pre-wrap; } + #tip { position: fixed; display: none; pointer-events: none; z-index: 10; + background: #1e1e2e; border: 1px solid #585b70; border-radius: 6px; padding: 6px 9px; + font-family: ui-monospace, monospace; font-size: 12px; color: #cdd6f4; + max-width: 420px; box-shadow: 0 6px 18px rgba(0,0,0,.55); line-height: 1.5; } + #tip b { color: #f5e0dc; } #tip code { color: #89b4fa; } #tip .dim { color: #7f849c; } diff --git a/crates/aura-cli/src/render.rs b/crates/aura-cli/src/render.rs index c922713..1c0eb71 100644 --- a/crates/aura-cli/src/render.rs +++ b/crates/aura-cli/src/render.rs @@ -13,38 +13,23 @@ use aura_engine::Composite; /// (`docs/design/prototypes/graph-render/index.html` lines 1-38), minus the two /// `