diff --git a/luasrc/view/openclaw/console.htm b/luasrc/view/openclaw/console.htm index 4c40554..38af8c9 100644 --- a/luasrc/view/openclaw/console.htm +++ b/luasrc/view/openclaw/console.htm @@ -51,17 +51,53 @@ local port = uci:get("openclaw", "main", "port") or "18789" box-shadow: 0 1px 4px rgba(0,0,0,0.06); } -#oc-console-iframe { width: 100%; height: 700px; border: none; display: block; } - .oc-console-loading { display: flex; flex-direction: column; align-items: center; justify-content: center; - height: 300px; color: #666; font-size: 14px; background: #fafafa; + min-height: 320px; color: #666; font-size: 14px; background: #fafafa; + padding: 32px 24px; + text-align: center; } .oc-console-loading .spinner { width: 32px; height: 32px; border: 3px solid #e0e0e0; border-top: 3px solid #4a90d9; border-radius: 50%; animation: oc-spin .8s linear infinite; margin-bottom: 12px; } @keyframes oc-spin { to { transform: rotate(360deg); } } + +.oc-console-note { + max-width: 640px; + line-height: 1.8; +} + +.oc-console-note strong { + color: #333; +} + +.oc-console-note code { + padding: 2px 6px; + background: #f0f3f6; + border-radius: 4px; + font-family: monospace; +} + +.oc-console-actions { + display: flex; + justify-content: center; + gap: 10px; + flex-wrap: wrap; + margin-top: 16px; +} + +.oc-console-link { + font-size: 12px; + color: #666; + word-break: break-all; + margin-top: 14px; +} + +.oc-console-link a { + color: #4a90d9; + text-decoration: none; +}