revert(ui): remove narrator video on talkie
This commit is contained in:
+21
-27
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user