mirror of https://github.com/OpenVidu/openvidu.git
ov-components: refactor pre-join component styles for improved structure and loading state handling
parent
bb70ddb3d9
commit
8416c3f764
|
@ -30,18 +30,6 @@
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes slideInFromRight {
|
|
||||||
from {
|
|
||||||
opacity: 0;
|
|
||||||
transform: translateX(20px);
|
|
||||||
}
|
|
||||||
to {
|
|
||||||
opacity: 1;
|
|
||||||
transform: translateX(0);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Top Language Toolbar
|
// Top Language Toolbar
|
||||||
.top-toolbar {
|
.top-toolbar {
|
||||||
|
@ -98,7 +86,8 @@
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
|
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
|
||||||
}
|
animation: fadeIn 0.3s ease-out;
|
||||||
|
transform: translateZ(0);
|
||||||
|
|
||||||
// Video Preview Section
|
// Video Preview Section
|
||||||
.video-preview-section {
|
.video-preview-section {
|
||||||
|
@ -301,6 +290,19 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes slideInFromRight {
|
||||||
|
from {
|
||||||
|
opacity: 0;
|
||||||
|
transform: translateX(20px);
|
||||||
|
}
|
||||||
|
to {
|
||||||
|
opacity: 1;
|
||||||
|
transform: translateX(0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
// Responsive Design
|
// Responsive Design
|
||||||
@media (max-width: 640px) {
|
@media (max-width: 640px) {
|
||||||
|
@ -400,8 +402,4 @@
|
||||||
transform: translateY(0);
|
transform: translateY(0);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.prejoin-main {
|
|
||||||
animation: fadeIn 0.3s ease-out;
|
|
||||||
transform: translateZ(0);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue