Initial commit: appRobotHoming
This commit is contained in:
16
public/styles.css
Executable file
16
public/styles.css
Executable file
@@ -0,0 +1,16 @@
|
||||
:root{ --bg:#0f172a; --fg:#e2e8f0; --muted:#94a3b8; --accent:#38bdf8; --ok:#22c55e; --warn:#f59e0b; --err:#ef4444; }
|
||||
*{ box-sizing:border-box; }
|
||||
body{ margin:0; font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif; background:var(--bg); color:var(--fg); }
|
||||
header{ display:flex; justify-content:space-between; align-items:center; padding:16px 24px; border-bottom:1px solid #1f2937; }
|
||||
h1{ margin:0; font-size:20px; }
|
||||
.badge{ padding:2px 8px; border-radius:999px; background:#334155; }
|
||||
.badge.ok{ background: #064e3b; color:#a7f3d0; }
|
||||
.badge.warn{ background:#3f1b00; color:#fdba74; }
|
||||
.badge.err{ background:#3f0d0d; color:#fecaca; }
|
||||
main{ display:grid; grid-template-columns:1fr; gap:16px; padding:16px; max-width:900px; margin:0 auto; }
|
||||
.controls{ display:flex; gap:12px; flex-wrap:wrap; }
|
||||
.controls button{ background:#1e293b; color:var(--fg); border:1px solid #334155; padding:10px 16px; border-radius:8px; cursor:pointer; }
|
||||
.controls button:hover{ border-color: var(--accent); }
|
||||
.log{ display:flex; flex-direction:column; gap:8px; }
|
||||
#log{ width:100%; height:360px; background:#0b1220; color:var(--fg); border:1px solid #1f2937; border-radius:8px; padding:8px; font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size:12px; }
|
||||
footer{ padding:12px 24px; border-top:1px solid #1f2937; color:var(--muted); }
|
||||
Reference in New Issue
Block a user