fix(a2ui): center empty canvas text
This commit is contained in:
@@ -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>`;
|
||||||
}
|
}
|
||||||
|
|||||||
1
src/canvas-host/a2ui/.bundle.hash
Normal file
1
src/canvas-host/a2ui/.bundle.hash
Normal file
@@ -0,0 +1 @@
|
|||||||
|
fb0fb0904efd421ea04c63e416231a7e94f2821725d68039e4168cc16f0a5bba
|
||||||
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user