revert(ui): remove narrator video on talkie

This commit is contained in:
Tom Boullay
2026-06-01 14:14:03 +02:00
parent 7a378afad3
commit 1ad0c4de37
3 changed files with 48 additions and 201 deletions
+21 -27
View File
@@ -942,9 +942,11 @@ canvas {
.scene-loading-overlay__logo {
position: relative;
z-index: 1;
width: clamp(207px, 32.2vw, 368px);
max-height: min(43.7vh, 368px);
object-fit: contain;
width: clamp(180px, 28vw, 320px);
max-height: min(38vh, 320px);
border-radius: 16px;
object-fit: cover;
box-shadow: 0 28px 80px rgba(0, 0, 0, 0.28);
}
.scene-loading-overlay__footer {
@@ -1238,24 +1240,24 @@ canvas {
/* Dialogue talkie */
.talkie-dialogue-overlay {
position: fixed;
left: 0;
bottom: 0;
left: clamp(12px, 2.2vw, 28px);
bottom: clamp(24px, 7vh, 76px);
z-index: 16;
width: clamp(190px, 18vw, 310px);
aspect-ratio: 1.05;
overflow: visible;
width: clamp(120px, 13vw, 190px);
aspect-ratio: 1;
pointer-events: none;
transform: translateY(0);
transition: transform 180ms ease;
}
.talkie-dialogue-overlay--raised {
transform: translateY(-8px);
transform: translateY(-10px);
}
.talkie-dialogue-overlay__model-frame {
position: absolute;
inset: -18% -12% -6% -12%;
inset: 0;
animation: talkie-radio-shake 1s ease-in-out infinite;
filter: drop-shadow(0 16px 22px rgba(0, 0, 0, 0.55));
}
@@ -1266,30 +1268,22 @@ canvas {
.talkie-dialogue-overlay__signals {
position: absolute;
bottom: 38%;
right: -26%;
bottom: 34%;
z-index: 2;
width: 34%;
height: 50%;
width: 58%;
height: 78%;
overflow: visible;
opacity: 0.72;
opacity: 0.8;
animation: talkie-signal-pulse 1s ease-in-out infinite;
}
.talkie-dialogue-overlay__signals--left {
left: 7%;
scale: -1 1;
}
.talkie-dialogue-overlay__signals--right {
right: 7%;
}
.talkie-dialogue-overlay__signals path {
fill: none;
stroke: rgba(162, 210, 255, 0.92);
stroke: rgba(235, 244, 255, 0.9);
stroke-linecap: round;
stroke-width: 4;
filter: drop-shadow(0 0 5px rgba(125, 211, 252, 0.58));
stroke-width: 5;
filter: drop-shadow(0 0 7px rgba(125, 211, 252, 0.72));
}
.talkie-dialogue-overlay__signals path:nth-child(2) {
@@ -1299,7 +1293,7 @@ canvas {
.talkie-dialogue-overlay__signals path:nth-child(3) {
animation-delay: 180ms;
opacity: 0.45;
opacity: 0.55;
}
@keyframes talkie-radio-shake {