mirror of https://github.com/OpenVidu/openvidu.git
ov-components: Added spinner while joining session
parent
db2748367c
commit
d9bc9b3700
|
@ -1,3 +1,15 @@
|
||||||
|
#spinner {
|
||||||
|
position: absolute;
|
||||||
|
top: 40%;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
margin: auto;
|
||||||
|
text-align: -webkit-center;
|
||||||
|
text-align: -moz-center;
|
||||||
|
color: var(--ov-panel-background);
|
||||||
|
}
|
||||||
|
|
||||||
#session-container {
|
#session-container {
|
||||||
background-color: var(--ov-primary-color);
|
background-color: var(--ov-primary-color);
|
||||||
/* min-width: 400px; */
|
/* min-width: 400px; */
|
||||||
|
|
|
@ -1,3 +1,8 @@
|
||||||
|
<div id="spinner" *ngIf="preparing" >
|
||||||
|
<mat-spinner [diameter]="50"></mat-spinner>
|
||||||
|
<span>{{ 'PREJOIN.PREPARING' | translate }}</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div id="session-container" *ngIf="!preparing" @sessionAnimation>
|
<div id="session-container" *ngIf="!preparing" @sessionAnimation>
|
||||||
<mat-sidenav-container #container #videoContainer class="sidenav-container">
|
<mat-sidenav-container #container #videoContainer class="sidenav-container">
|
||||||
<mat-sidenav
|
<mat-sidenav
|
||||||
|
|
Loading…
Reference in New Issue