fix(a2ui): center empty canvas text

This commit is contained in:
Peter Steinberger
2025-12-26 20:43:36 +01:00
parent 9302daadc1
commit 4016bc2416
3 changed files with 685 additions and 669 deletions

View File

@@ -239,6 +239,22 @@ class ClawdisA2UIHost extends LitElement {
color: rgba(255, 223, 223, 0.98); color: rgba(255, 223, 223, 0.98);
} }
.empty {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: var(--clawdis-a2ui-empty-top, var(--clawdis-a2ui-status-top, 12px));
text-align: center;
opacity: 0.8;
padding: 10px 12px;
pointer-events: none;
}
.empty-title {
font-weight: 700;
margin-bottom: 6px;
}
.spinner { .spinner {
width: 12px; width: 12px;
height: 12px; height: 12px;
@@ -429,8 +445,8 @@ class ClawdisA2UIHost extends LitElement {
render() { render() {
if (this.surfaces.length === 0) { if (this.surfaces.length === 0) {
return html`<div style="opacity:.8; padding: 10px;"> return html`<div class="empty">
<div style="font-weight: 700; margin-bottom: 6px;">Canvas (A2UI)</div> <div class="empty-title">Canvas (A2UI)</div>
<div>Waiting for A2UI messages…</div> <div>Waiting for A2UI messages…</div>
</div>`; </div>`;
} }

View File

@@ -0,0 +1 @@
fb0fb0904efd421ea04c63e416231a7e94f2821725d68039e4168cc16f0a5bba

File diff suppressed because it is too large Load Diff