release: bump version to 0.50.0
This commit is contained in:
rayd1o
@@ -2502,6 +2502,176 @@ label.is-disabled.earth-mobile-settings-card {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.hud-panel-motion-debug {
|
||||
position: absolute;
|
||||
right: calc(24px * var(--hud-scale));
|
||||
top: calc(98px * var(--hud-scale));
|
||||
width: min(calc(340px * var(--hud-scale)), calc(100vw - 32px));
|
||||
padding: 0;
|
||||
border-radius: 0;
|
||||
z-index: 36;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.motion-debug-header {
|
||||
min-height: calc(30px * var(--hud-scale));
|
||||
padding: calc(8px * var(--hud-scale)) calc(10px * var(--hud-scale));
|
||||
}
|
||||
|
||||
.motion-debug-header-actions {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
gap: calc(8px * var(--hud-scale));
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.motion-debug-body {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: var(--hud-gap-sm);
|
||||
padding: calc(10px * var(--hud-scale));
|
||||
}
|
||||
|
||||
.motion-debug-footer {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: var(--hud-gap-sm);
|
||||
color: rgba(226, 232, 240, 0.88);
|
||||
font-size: calc(0.72rem * var(--hud-scale));
|
||||
line-height: 1.35;
|
||||
}
|
||||
|
||||
.motion-debug-title {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: var(--hud-gap-xs);
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.motion-debug-title .material-symbols-rounded {
|
||||
flex: 0 0 auto;
|
||||
font-size: calc(1.02rem * var(--hud-scale));
|
||||
color: rgba(255, 77, 95, 0.9);
|
||||
}
|
||||
|
||||
.hud-panel-motion-debug.is-motion-matched .motion-debug-title .material-symbols-rounded {
|
||||
color: rgba(57, 229, 140, 0.95);
|
||||
}
|
||||
|
||||
.motion-debug-status {
|
||||
flex: 0 1 auto;
|
||||
color: rgba(148, 163, 184, 0.9);
|
||||
font-size: calc(0.68rem * var(--hud-scale));
|
||||
line-height: 1.25;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.motion-debug-canvas {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: calc(194px * var(--hud-scale));
|
||||
min-height: calc(170px * var(--hud-scale));
|
||||
aspect-ratio: 16 / 11;
|
||||
border-radius: 0;
|
||||
border: 1px solid rgba(255, 77, 95, 0.22);
|
||||
background: rgba(8, 12, 20, 0.82);
|
||||
}
|
||||
|
||||
.hud-panel-motion-debug.is-motion-matched .motion-debug-canvas {
|
||||
border-color: rgba(57, 229, 140, 0.32);
|
||||
}
|
||||
|
||||
.motion-debug-footer strong {
|
||||
color: #ff7180;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.hud-panel-motion-debug.is-motion-matched .motion-debug-footer strong {
|
||||
color: #39e58c;
|
||||
}
|
||||
|
||||
.hud-panel-motion-debug.is-motion-recognition-paused .motion-debug-footer strong {
|
||||
color: rgba(250, 204, 21, 0.94);
|
||||
}
|
||||
|
||||
.motion-debug-toggle {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: calc(8px * var(--hud-scale));
|
||||
width: max-content;
|
||||
color: rgba(226, 232, 240, 0.82);
|
||||
font-size: calc(0.7rem * var(--hud-scale));
|
||||
line-height: 1.2;
|
||||
cursor: pointer;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.motion-debug-toggle input {
|
||||
position: absolute;
|
||||
opacity: 0;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.motion-debug-toggle-track {
|
||||
position: relative;
|
||||
width: calc(30px * var(--hud-scale));
|
||||
height: calc(17px * var(--hud-scale));
|
||||
flex: 0 0 auto;
|
||||
border: 1px solid rgba(148, 163, 184, 0.34);
|
||||
background: rgba(15, 23, 42, 0.66);
|
||||
}
|
||||
|
||||
.motion-debug-toggle-track::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: calc(2px * var(--hud-scale));
|
||||
left: calc(2px * var(--hud-scale));
|
||||
width: calc(11px * var(--hud-scale));
|
||||
height: calc(11px * var(--hud-scale));
|
||||
background: rgba(226, 232, 240, 0.9);
|
||||
transition: transform 0.18s ease, background 0.18s ease;
|
||||
}
|
||||
|
||||
.motion-debug-toggle input:checked + .motion-debug-toggle-track {
|
||||
border-color: rgba(57, 229, 140, 0.38);
|
||||
background: rgba(20, 184, 166, 0.24);
|
||||
}
|
||||
|
||||
.motion-debug-toggle input:checked + .motion-debug-toggle-track::after {
|
||||
transform: translateX(calc(13px * var(--hud-scale)));
|
||||
background: #39e58c;
|
||||
}
|
||||
|
||||
.layout-mode-mobile .earth-mobile-motion-debug-mount {
|
||||
display: block;
|
||||
width: 100%;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.layout-mode-mobile .earth-mobile-motion-debug-mount > .hud-panel-motion-debug {
|
||||
position: relative !important;
|
||||
inset: auto !important;
|
||||
left: auto !important;
|
||||
right: auto !important;
|
||||
top: auto !important;
|
||||
bottom: auto !important;
|
||||
transform: none !important;
|
||||
width: 100% !important;
|
||||
max-width: none !important;
|
||||
margin: 0;
|
||||
box-shadow: none;
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
||||
.layout-mode-mobile .earth-mobile-motion-debug-mount .hud-panel-drag-handle {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
@media (max-width: 960px) {
|
||||
.earth-settings-sheet {
|
||||
top: 24px;
|
||||
|
||||
Reference in New Issue
Block a user