@selfcommunity/react-theme-default 0.2.0-live.46 → 0.2.0-live.49

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -8,11 +8,17 @@ declare const Component: {
8
8
  "& .SCLiveStreamRoom-content": {
9
9
  width: string;
10
10
  };
11
- "& .SCLiveStreamRoom-preJoin": {
11
+ "& .SCLiveStreamRoom-prejoin": {
12
12
  padding: any;
13
13
  display: string;
14
14
  placeItems: string;
15
15
  height: string;
16
+ position: string;
17
+ };
18
+ "& .SCLiveStreamRoom-prejoin-loading": {
19
+ '& .lk-prejoin': {
20
+ opacity: number;
21
+ };
16
22
  };
17
23
  "& .SCLiveStreamRoom-conference": {
18
24
  width: string;
@@ -21,7 +27,14 @@ declare const Component: {
21
27
  alignItems: string;
22
28
  backgroundColor: string;
23
29
  };
30
+ "& .SCLiveStreamRoom-prejoin-loader": {
31
+ maxWidth: number;
32
+ width: string;
33
+ position: string;
34
+ textAlign: string;
35
+ };
24
36
  '& .lk-prejoin': {
37
+ maxWidth: number;
25
38
  width: string;
26
39
  backgroundColor: string;
27
40
  borderRadius: any;
@@ -10,11 +10,17 @@ const Component = {
10
10
  [`& .SCLiveStreamRoom-content`]: {
11
11
  width: '100%'
12
12
  },
13
- [`& .SCLiveStreamRoom-preJoin`]: {
13
+ [`& .SCLiveStreamRoom-prejoin`]: {
14
14
  padding: theme.spacing(2),
15
15
  display: 'grid',
16
16
  placeItems: 'center',
17
- height: '100%'
17
+ height: '100%',
18
+ position: 'relative'
19
+ },
20
+ [`& .SCLiveStreamRoom-prejoin-loading`]: {
21
+ '& .lk-prejoin': {
22
+ opacity: 0.5
23
+ }
18
24
  },
19
25
  [`& .SCLiveStreamRoom-conference`]: {
20
26
  width: '100%',
@@ -23,8 +29,15 @@ const Component = {
23
29
  alignItems: 'center',
24
30
  backgroundColor: '#111111'
25
31
  },
32
+ [`& .SCLiveStreamRoom-prejoin-loader`]: {
33
+ maxWidth: 620,
34
+ width: '100%',
35
+ position: 'absolute',
36
+ textAlign: 'center'
37
+ },
26
38
  '& .lk-prejoin': {
27
- width: '620px',
39
+ maxWidth: 620,
40
+ width: '100%',
28
41
  backgroundColor: '#111111',
29
42
  borderRadius: theme.shape.borderRadiusSm
30
43
  },
@@ -8421,11 +8421,17 @@ declare const theme: {
8421
8421
  "& .SCLiveStreamRoom-content": {
8422
8422
  width: string;
8423
8423
  };
8424
- "& .SCLiveStreamRoom-preJoin": {
8424
+ "& .SCLiveStreamRoom-prejoin": {
8425
8425
  padding: any;
8426
8426
  display: string;
8427
8427
  placeItems: string;
8428
8428
  height: string;
8429
+ position: string;
8430
+ };
8431
+ "& .SCLiveStreamRoom-prejoin-loading": {
8432
+ '& .lk-prejoin': {
8433
+ opacity: number;
8434
+ };
8429
8435
  };
8430
8436
  "& .SCLiveStreamRoom-conference": {
8431
8437
  width: string;
@@ -8434,7 +8440,14 @@ declare const theme: {
8434
8440
  alignItems: string;
8435
8441
  backgroundColor: string;
8436
8442
  };
8443
+ "& .SCLiveStreamRoom-prejoin-loader": {
8444
+ maxWidth: number;
8445
+ width: string;
8446
+ position: string;
8447
+ textAlign: string;
8448
+ };
8437
8449
  '& .lk-prejoin': {
8450
+ maxWidth: number;
8438
8451
  width: string;
8439
8452
  backgroundColor: string;
8440
8453
  borderRadius: any;
@@ -8,11 +8,17 @@ declare const Component: {
8
8
  "& .SCLiveStreamRoom-content": {
9
9
  width: string;
10
10
  };
11
- "& .SCLiveStreamRoom-preJoin": {
11
+ "& .SCLiveStreamRoom-prejoin": {
12
12
  padding: any;
13
13
  display: string;
14
14
  placeItems: string;
15
15
  height: string;
16
+ position: string;
17
+ };
18
+ "& .SCLiveStreamRoom-prejoin-loading": {
19
+ '& .lk-prejoin': {
20
+ opacity: number;
21
+ };
16
22
  };
17
23
  "& .SCLiveStreamRoom-conference": {
18
24
  width: string;
@@ -21,7 +27,14 @@ declare const Component: {
21
27
  alignItems: string;
22
28
  backgroundColor: string;
23
29
  };
30
+ "& .SCLiveStreamRoom-prejoin-loader": {
31
+ maxWidth: number;
32
+ width: string;
33
+ position: string;
34
+ textAlign: string;
35
+ };
24
36
  '& .lk-prejoin': {
37
+ maxWidth: number;
25
38
  width: string;
26
39
  backgroundColor: string;
27
40
  borderRadius: any;
@@ -8,11 +8,17 @@ const Component = {
8
8
  [`& .SCLiveStreamRoom-content`]: {
9
9
  width: '100%'
10
10
  },
11
- [`& .SCLiveStreamRoom-preJoin`]: {
11
+ [`& .SCLiveStreamRoom-prejoin`]: {
12
12
  padding: theme.spacing(2),
13
13
  display: 'grid',
14
14
  placeItems: 'center',
15
- height: '100%'
15
+ height: '100%',
16
+ position: 'relative'
17
+ },
18
+ [`& .SCLiveStreamRoom-prejoin-loading`]: {
19
+ '& .lk-prejoin': {
20
+ opacity: 0.5
21
+ }
16
22
  },
17
23
  [`& .SCLiveStreamRoom-conference`]: {
18
24
  width: '100%',
@@ -21,8 +27,15 @@ const Component = {
21
27
  alignItems: 'center',
22
28
  backgroundColor: '#111111'
23
29
  },
30
+ [`& .SCLiveStreamRoom-prejoin-loader`]: {
31
+ maxWidth: 620,
32
+ width: '100%',
33
+ position: 'absolute',
34
+ textAlign: 'center'
35
+ },
24
36
  '& .lk-prejoin': {
25
- width: '620px',
37
+ maxWidth: 620,
38
+ width: '100%',
26
39
  backgroundColor: '#111111',
27
40
  borderRadius: theme.shape.borderRadiusSm
28
41
  },
@@ -8421,11 +8421,17 @@ declare const theme: {
8421
8421
  "& .SCLiveStreamRoom-content": {
8422
8422
  width: string;
8423
8423
  };
8424
- "& .SCLiveStreamRoom-preJoin": {
8424
+ "& .SCLiveStreamRoom-prejoin": {
8425
8425
  padding: any;
8426
8426
  display: string;
8427
8427
  placeItems: string;
8428
8428
  height: string;
8429
+ position: string;
8430
+ };
8431
+ "& .SCLiveStreamRoom-prejoin-loading": {
8432
+ '& .lk-prejoin': {
8433
+ opacity: number;
8434
+ };
8429
8435
  };
8430
8436
  "& .SCLiveStreamRoom-conference": {
8431
8437
  width: string;
@@ -8434,7 +8440,14 @@ declare const theme: {
8434
8440
  alignItems: string;
8435
8441
  backgroundColor: string;
8436
8442
  };
8443
+ "& .SCLiveStreamRoom-prejoin-loader": {
8444
+ maxWidth: number;
8445
+ width: string;
8446
+ position: string;
8447
+ textAlign: string;
8448
+ };
8437
8449
  '& .lk-prejoin': {
8450
+ maxWidth: number;
8438
8451
  width: string;
8439
8452
  backgroundColor: string;
8440
8453
  borderRadius: any;