@selfcommunity/react-theme-default 0.2.0-live.66 → 0.2.0-live.67
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.
- package/lib/cjs/components/SCLiveStreamRoom.d.ts +12 -10
- package/lib/cjs/components/SCLiveStreamRoom.js +12 -10
- package/lib/cjs/components/SCLiveStreamSelector.d.ts +66 -0
- package/lib/cjs/components/SCLiveStreamSelector.js +70 -0
- package/lib/cjs/components/SCLiveStreamVideoConference.d.ts +2 -0
- package/lib/cjs/components/SCLiveStreamVideoConference.js +3 -1
- package/lib/cjs/index.d.ts +82 -11
- package/lib/cjs/index.js +2 -0
- package/lib/esm/components/SCLiveStreamRoom.d.ts +12 -10
- package/lib/esm/components/SCLiveStreamRoom.js +12 -10
- package/lib/esm/components/SCLiveStreamSelector.d.ts +66 -0
- package/lib/esm/components/SCLiveStreamSelector.js +68 -0
- package/lib/esm/components/SCLiveStreamVideoConference.d.ts +2 -0
- package/lib/esm/components/SCLiveStreamVideoConference.js +3 -1
- package/lib/esm/index.d.ts +82 -11
- package/lib/esm/index.js +2 -0
- package/lib/umd/react-theme-default.js +1 -1
- package/package.json +4 -4
|
@@ -8,16 +8,6 @@ declare const Component: {
|
|
|
8
8
|
"& .SCLiveStreamRoom-content": {
|
|
9
9
|
width: string;
|
|
10
10
|
};
|
|
11
|
-
"& .SCLiveStreamRoom-end-conference-wrap": {
|
|
12
|
-
display: string;
|
|
13
|
-
justifyContent: string;
|
|
14
|
-
alignItems: string;
|
|
15
|
-
alignContent: string;
|
|
16
|
-
flexDirection: string;
|
|
17
|
-
"& .SCLiveStreamRoom-btn-back-home": {
|
|
18
|
-
marginTop: any;
|
|
19
|
-
};
|
|
20
|
-
};
|
|
21
11
|
"& .SCLiveStreamRoom-prejoin": {
|
|
22
12
|
padding: any;
|
|
23
13
|
display: string;
|
|
@@ -70,6 +60,18 @@ declare const Component: {
|
|
|
70
60
|
};
|
|
71
61
|
};
|
|
72
62
|
};
|
|
63
|
+
dialogRoot: ({ theme }: any) => {
|
|
64
|
+
"& .SCLiveStreamRoom-end-conference-wrap": {
|
|
65
|
+
display: string;
|
|
66
|
+
justifyContent: string;
|
|
67
|
+
alignItems: string;
|
|
68
|
+
alignContent: string;
|
|
69
|
+
flexDirection: string;
|
|
70
|
+
"& .SCLiveStreamVideoConference-btn-back-home": {
|
|
71
|
+
marginTop: any;
|
|
72
|
+
};
|
|
73
|
+
};
|
|
74
|
+
};
|
|
73
75
|
};
|
|
74
76
|
};
|
|
75
77
|
export default Component;
|
|
@@ -10,16 +10,6 @@ const Component = {
|
|
|
10
10
|
[`& .SCLiveStreamRoom-content`]: {
|
|
11
11
|
width: '100%'
|
|
12
12
|
},
|
|
13
|
-
[`& .SCLiveStreamRoom-end-conference-wrap`]: {
|
|
14
|
-
display: 'flex',
|
|
15
|
-
justifyContent: 'center',
|
|
16
|
-
alignItems: 'center',
|
|
17
|
-
alignContent: 'center',
|
|
18
|
-
flexDirection: 'column',
|
|
19
|
-
[`& .SCLiveStreamRoom-btn-back-home`]: {
|
|
20
|
-
marginTop: theme.spacing(2)
|
|
21
|
-
}
|
|
22
|
-
},
|
|
23
13
|
[`& .SCLiveStreamRoom-prejoin`]: {
|
|
24
14
|
padding: theme.spacing(2),
|
|
25
15
|
display: 'grid',
|
|
@@ -71,6 +61,18 @@ const Component = {
|
|
|
71
61
|
backgroundColor: theme.palette.primary.dark
|
|
72
62
|
}
|
|
73
63
|
}
|
|
64
|
+
}),
|
|
65
|
+
dialogRoot: ({ theme }) => ({
|
|
66
|
+
[`& .SCLiveStreamRoom-end-conference-wrap`]: {
|
|
67
|
+
display: 'flex',
|
|
68
|
+
justifyContent: 'center',
|
|
69
|
+
alignItems: 'center',
|
|
70
|
+
alignContent: 'center',
|
|
71
|
+
flexDirection: 'column',
|
|
72
|
+
[`& .SCLiveStreamVideoConference-btn-back-home`]: {
|
|
73
|
+
marginTop: theme.spacing(2)
|
|
74
|
+
}
|
|
75
|
+
}
|
|
74
76
|
})
|
|
75
77
|
}
|
|
76
78
|
};
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
declare const Component: {
|
|
2
|
+
styleOverrides: {
|
|
3
|
+
root: ({ theme }: any) => {
|
|
4
|
+
'& .SCLiveStreamSelector-warning': {
|
|
5
|
+
margin: any;
|
|
6
|
+
};
|
|
7
|
+
'& .SCLiveStreamSelector-options': {
|
|
8
|
+
[x: number]: {
|
|
9
|
+
display: string;
|
|
10
|
+
};
|
|
11
|
+
display: string;
|
|
12
|
+
justifyContent: string;
|
|
13
|
+
alignItems: string;
|
|
14
|
+
'& > div': {
|
|
15
|
+
[x: number]: {
|
|
16
|
+
margin: string;
|
|
17
|
+
marginBottom: any;
|
|
18
|
+
};
|
|
19
|
+
width: string;
|
|
20
|
+
};
|
|
21
|
+
};
|
|
22
|
+
'& .SCLiveStreamSelector-actions': {
|
|
23
|
+
display: string;
|
|
24
|
+
justifyContent: string;
|
|
25
|
+
alignItems: string;
|
|
26
|
+
marginTop: any;
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
optionCardRoot: ({ theme, selected }: any) => {
|
|
30
|
+
maxWidth: number;
|
|
31
|
+
height: number;
|
|
32
|
+
padding: any;
|
|
33
|
+
margin: any;
|
|
34
|
+
cursor: string;
|
|
35
|
+
transition: any;
|
|
36
|
+
backgroundColor: any;
|
|
37
|
+
'&:hover': {
|
|
38
|
+
backgroundColor: any;
|
|
39
|
+
boxShadow: any;
|
|
40
|
+
};
|
|
41
|
+
border: string;
|
|
42
|
+
"& > div": {
|
|
43
|
+
display: string;
|
|
44
|
+
justifyContent: string;
|
|
45
|
+
alignItems: string;
|
|
46
|
+
marginBottom: number;
|
|
47
|
+
maxWidth: string;
|
|
48
|
+
};
|
|
49
|
+
"& ul": {
|
|
50
|
+
marginTop: any;
|
|
51
|
+
padding: number;
|
|
52
|
+
listStyle: string;
|
|
53
|
+
};
|
|
54
|
+
};
|
|
55
|
+
featureItemRoot: ({ theme, selected }: any) => {
|
|
56
|
+
display: string;
|
|
57
|
+
alignItems: string;
|
|
58
|
+
gap: any;
|
|
59
|
+
marginBottom: any;
|
|
60
|
+
'&:last-child': {
|
|
61
|
+
marginBottom: number;
|
|
62
|
+
};
|
|
63
|
+
};
|
|
64
|
+
};
|
|
65
|
+
};
|
|
66
|
+
export default Component;
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const Component = {
|
|
4
|
+
styleOverrides: {
|
|
5
|
+
root: ({ theme }) => ({
|
|
6
|
+
'& .SCLiveStreamSelector-warning': {
|
|
7
|
+
margin: theme.spacing(2, 5, 2, 5)
|
|
8
|
+
},
|
|
9
|
+
'& .SCLiveStreamSelector-options': {
|
|
10
|
+
display: 'flex',
|
|
11
|
+
justifyContent: 'center',
|
|
12
|
+
alignItems: 'center',
|
|
13
|
+
[theme.breakpoints.down('sm')]: {
|
|
14
|
+
display: 'block'
|
|
15
|
+
},
|
|
16
|
+
'& > div': {
|
|
17
|
+
width: '290px',
|
|
18
|
+
[theme.breakpoints.down('sm')]: {
|
|
19
|
+
margin: '0px auto',
|
|
20
|
+
marginBottom: theme.spacing(2)
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
},
|
|
24
|
+
'& .SCLiveStreamSelector-actions': {
|
|
25
|
+
display: 'flex',
|
|
26
|
+
justifyContent: 'flex-end',
|
|
27
|
+
alignItems: 'flex-end',
|
|
28
|
+
marginTop: theme.spacing(4)
|
|
29
|
+
}
|
|
30
|
+
}),
|
|
31
|
+
optionCardRoot: ({ theme, selected }) => ({
|
|
32
|
+
maxWidth: 300,
|
|
33
|
+
height: 350,
|
|
34
|
+
padding: theme.spacing(3),
|
|
35
|
+
margin: theme.spacing(0, 3),
|
|
36
|
+
cursor: 'pointer',
|
|
37
|
+
transition: theme.transitions.create(['background-color', 'box-shadow'], {
|
|
38
|
+
duration: theme.transitions.duration.short
|
|
39
|
+
}),
|
|
40
|
+
backgroundColor: selected ? theme.palette.grey[100] : theme.palette.background.paper,
|
|
41
|
+
'&:hover': {
|
|
42
|
+
backgroundColor: theme.palette.grey[50],
|
|
43
|
+
boxShadow: theme.shadows[2]
|
|
44
|
+
},
|
|
45
|
+
border: `1px solid ${theme.palette.divider}`,
|
|
46
|
+
[`& > div`]: {
|
|
47
|
+
display: 'flex',
|
|
48
|
+
justifyContent: 'space-between',
|
|
49
|
+
alignItems: 'center',
|
|
50
|
+
marginBottom: 2,
|
|
51
|
+
maxWidth: '300px'
|
|
52
|
+
},
|
|
53
|
+
[`& ul`]: {
|
|
54
|
+
marginTop: theme.spacing(2),
|
|
55
|
+
padding: 0,
|
|
56
|
+
listStyle: 'none'
|
|
57
|
+
}
|
|
58
|
+
}),
|
|
59
|
+
featureItemRoot: ({ theme, selected }) => ({
|
|
60
|
+
display: 'flex',
|
|
61
|
+
alignItems: 'flex-start',
|
|
62
|
+
gap: theme.spacing(1.5),
|
|
63
|
+
marginBottom: theme.spacing(2),
|
|
64
|
+
'&:last-child': {
|
|
65
|
+
marginBottom: 0
|
|
66
|
+
}
|
|
67
|
+
})
|
|
68
|
+
}
|
|
69
|
+
};
|
|
70
|
+
exports.default = Component;
|
|
@@ -5,7 +5,9 @@ const Component = {
|
|
|
5
5
|
root: ({ theme }) => ({
|
|
6
6
|
height: '100vh',
|
|
7
7
|
width: '100%',
|
|
8
|
-
overflowY: 'hidden'
|
|
8
|
+
overflowY: 'hidden'
|
|
9
|
+
}),
|
|
10
|
+
dialogRoot: ({ theme }) => ({
|
|
9
11
|
[`& .SCLiveStreamVideoConference-end-conference-wrap`]: {
|
|
10
12
|
display: 'flex',
|
|
11
13
|
justifyContent: 'center',
|
package/lib/cjs/index.d.ts
CHANGED
|
@@ -5381,7 +5381,9 @@ declare const theme: {
|
|
|
5381
5381
|
objectFit: string;
|
|
5382
5382
|
};
|
|
5383
5383
|
'& .MuiBadge-badge': {
|
|
5384
|
-
right: any;
|
|
5384
|
+
right: any; /**
|
|
5385
|
+
* Style fragments - Imports - End
|
|
5386
|
+
*/
|
|
5385
5387
|
top: any;
|
|
5386
5388
|
'& .SCUserAvatar-badge-content': {
|
|
5387
5389
|
width: number;
|
|
@@ -8649,6 +8651,71 @@ declare const theme: {
|
|
|
8649
8651
|
};
|
|
8650
8652
|
};
|
|
8651
8653
|
};
|
|
8654
|
+
SCLiveStreamSelector: {
|
|
8655
|
+
styleOverrides: {
|
|
8656
|
+
root: ({ theme }: any) => {
|
|
8657
|
+
'& .SCLiveStreamSelector-warning': {
|
|
8658
|
+
margin: any;
|
|
8659
|
+
};
|
|
8660
|
+
'& .SCLiveStreamSelector-options': {
|
|
8661
|
+
[x: number]: {
|
|
8662
|
+
display: string;
|
|
8663
|
+
};
|
|
8664
|
+
display: string;
|
|
8665
|
+
justifyContent: string;
|
|
8666
|
+
alignItems: string;
|
|
8667
|
+
'& > div': {
|
|
8668
|
+
[x: number]: {
|
|
8669
|
+
margin: string;
|
|
8670
|
+
marginBottom: any;
|
|
8671
|
+
};
|
|
8672
|
+
width: string;
|
|
8673
|
+
};
|
|
8674
|
+
};
|
|
8675
|
+
'& .SCLiveStreamSelector-actions': {
|
|
8676
|
+
display: string;
|
|
8677
|
+
justifyContent: string;
|
|
8678
|
+
alignItems: string;
|
|
8679
|
+
marginTop: any;
|
|
8680
|
+
};
|
|
8681
|
+
};
|
|
8682
|
+
optionCardRoot: ({ theme, selected }: any) => {
|
|
8683
|
+
maxWidth: number;
|
|
8684
|
+
height: number;
|
|
8685
|
+
padding: any;
|
|
8686
|
+
margin: any;
|
|
8687
|
+
cursor: string;
|
|
8688
|
+
transition: any;
|
|
8689
|
+
backgroundColor: any;
|
|
8690
|
+
'&:hover': {
|
|
8691
|
+
backgroundColor: any;
|
|
8692
|
+
boxShadow: any;
|
|
8693
|
+
};
|
|
8694
|
+
border: string;
|
|
8695
|
+
"& > div": {
|
|
8696
|
+
display: string;
|
|
8697
|
+
justifyContent: string;
|
|
8698
|
+
alignItems: string;
|
|
8699
|
+
marginBottom: number;
|
|
8700
|
+
maxWidth: string;
|
|
8701
|
+
};
|
|
8702
|
+
"& ul": {
|
|
8703
|
+
marginTop: any;
|
|
8704
|
+
padding: number;
|
|
8705
|
+
listStyle: string;
|
|
8706
|
+
};
|
|
8707
|
+
};
|
|
8708
|
+
featureItemRoot: ({ theme, selected }: any) => {
|
|
8709
|
+
display: string;
|
|
8710
|
+
alignItems: string;
|
|
8711
|
+
gap: any;
|
|
8712
|
+
marginBottom: any;
|
|
8713
|
+
'&:last-child': {
|
|
8714
|
+
marginBottom: number;
|
|
8715
|
+
};
|
|
8716
|
+
};
|
|
8717
|
+
};
|
|
8718
|
+
};
|
|
8652
8719
|
SCLiveStreamForm: {
|
|
8653
8720
|
styleOverrides: {
|
|
8654
8721
|
root: ({ theme }: any) => {
|
|
@@ -8699,16 +8766,6 @@ declare const theme: {
|
|
|
8699
8766
|
"& .SCLiveStreamRoom-content": {
|
|
8700
8767
|
width: string;
|
|
8701
8768
|
};
|
|
8702
|
-
"& .SCLiveStreamRoom-end-conference-wrap": {
|
|
8703
|
-
display: string;
|
|
8704
|
-
justifyContent: string;
|
|
8705
|
-
alignItems: string;
|
|
8706
|
-
alignContent: string;
|
|
8707
|
-
flexDirection: string;
|
|
8708
|
-
"& .SCLiveStreamRoom-btn-back-home": {
|
|
8709
|
-
marginTop: any;
|
|
8710
|
-
};
|
|
8711
|
-
};
|
|
8712
8769
|
"& .SCLiveStreamRoom-prejoin": {
|
|
8713
8770
|
padding: any;
|
|
8714
8771
|
display: string;
|
|
@@ -8761,6 +8818,18 @@ declare const theme: {
|
|
|
8761
8818
|
};
|
|
8762
8819
|
};
|
|
8763
8820
|
};
|
|
8821
|
+
dialogRoot: ({ theme }: any) => {
|
|
8822
|
+
"& .SCLiveStreamRoom-end-conference-wrap": {
|
|
8823
|
+
display: string;
|
|
8824
|
+
justifyContent: string;
|
|
8825
|
+
alignItems: string;
|
|
8826
|
+
alignContent: string;
|
|
8827
|
+
flexDirection: string;
|
|
8828
|
+
"& .SCLiveStreamVideoConference-btn-back-home": {
|
|
8829
|
+
marginTop: any;
|
|
8830
|
+
};
|
|
8831
|
+
};
|
|
8832
|
+
};
|
|
8764
8833
|
};
|
|
8765
8834
|
};
|
|
8766
8835
|
SCLiveStreamVideoConference: {
|
|
@@ -8769,6 +8838,8 @@ declare const theme: {
|
|
|
8769
8838
|
height: string;
|
|
8770
8839
|
width: string;
|
|
8771
8840
|
overflowY: string;
|
|
8841
|
+
};
|
|
8842
|
+
dialogRoot: ({ theme }: any) => {
|
|
8772
8843
|
"& .SCLiveStreamVideoConference-end-conference-wrap": {
|
|
8773
8844
|
display: string;
|
|
8774
8845
|
justifyContent: string;
|
package/lib/cjs/index.js
CHANGED
|
@@ -144,6 +144,7 @@ const SCSnippetNotifications_1 = tslib_1.__importDefault(require("./components/S
|
|
|
144
144
|
const SCSuggestedEventsWidget_1 = tslib_1.__importDefault(require("./components/SCSuggestedEventsWidget"));
|
|
145
145
|
const SCLiveStream_1 = tslib_1.__importDefault(require("./components/SCLiveStream"));
|
|
146
146
|
const SCLiveStreamDialog_1 = tslib_1.__importDefault(require("./components/SCLiveStreamDialog"));
|
|
147
|
+
const SCLiveStreamSelector_1 = tslib_1.__importDefault(require("./components/SCLiveStreamSelector"));
|
|
147
148
|
const SCLiveStreamForm_1 = tslib_1.__importDefault(require("./components/SCLiveStreamForm"));
|
|
148
149
|
const SCLiveStreamFormSettings_1 = tslib_1.__importDefault(require("./components/SCLiveStreamFormSettings"));
|
|
149
150
|
const SCLiveStreamRoom_1 = tslib_1.__importDefault(require("./components/SCLiveStreamRoom"));
|
|
@@ -402,6 +403,7 @@ const theme = {
|
|
|
402
403
|
SCLiveStream: SCLiveStream_1.default,
|
|
403
404
|
SCLiveStreamInfoDetails: SCLiveStreamInfoDetails_1.default,
|
|
404
405
|
SCCreateLiveStreamDialog: SCLiveStreamDialog_1.default,
|
|
406
|
+
SCLiveStreamSelector: SCLiveStreamSelector_1.default,
|
|
405
407
|
SCLiveStreamForm: SCLiveStreamForm_1.default,
|
|
406
408
|
SCLiveStreamFormSettings: SCLiveStreamFormSettings_1.default,
|
|
407
409
|
SCLiveStreamRoom: SCLiveStreamRoom_1.default,
|
|
@@ -8,16 +8,6 @@ declare const Component: {
|
|
|
8
8
|
"& .SCLiveStreamRoom-content": {
|
|
9
9
|
width: string;
|
|
10
10
|
};
|
|
11
|
-
"& .SCLiveStreamRoom-end-conference-wrap": {
|
|
12
|
-
display: string;
|
|
13
|
-
justifyContent: string;
|
|
14
|
-
alignItems: string;
|
|
15
|
-
alignContent: string;
|
|
16
|
-
flexDirection: string;
|
|
17
|
-
"& .SCLiveStreamRoom-btn-back-home": {
|
|
18
|
-
marginTop: any;
|
|
19
|
-
};
|
|
20
|
-
};
|
|
21
11
|
"& .SCLiveStreamRoom-prejoin": {
|
|
22
12
|
padding: any;
|
|
23
13
|
display: string;
|
|
@@ -70,6 +60,18 @@ declare const Component: {
|
|
|
70
60
|
};
|
|
71
61
|
};
|
|
72
62
|
};
|
|
63
|
+
dialogRoot: ({ theme }: any) => {
|
|
64
|
+
"& .SCLiveStreamRoom-end-conference-wrap": {
|
|
65
|
+
display: string;
|
|
66
|
+
justifyContent: string;
|
|
67
|
+
alignItems: string;
|
|
68
|
+
alignContent: string;
|
|
69
|
+
flexDirection: string;
|
|
70
|
+
"& .SCLiveStreamVideoConference-btn-back-home": {
|
|
71
|
+
marginTop: any;
|
|
72
|
+
};
|
|
73
|
+
};
|
|
74
|
+
};
|
|
73
75
|
};
|
|
74
76
|
};
|
|
75
77
|
export default Component;
|
|
@@ -8,16 +8,6 @@ const Component = {
|
|
|
8
8
|
[`& .SCLiveStreamRoom-content`]: {
|
|
9
9
|
width: '100%'
|
|
10
10
|
},
|
|
11
|
-
[`& .SCLiveStreamRoom-end-conference-wrap`]: {
|
|
12
|
-
display: 'flex',
|
|
13
|
-
justifyContent: 'center',
|
|
14
|
-
alignItems: 'center',
|
|
15
|
-
alignContent: 'center',
|
|
16
|
-
flexDirection: 'column',
|
|
17
|
-
[`& .SCLiveStreamRoom-btn-back-home`]: {
|
|
18
|
-
marginTop: theme.spacing(2)
|
|
19
|
-
}
|
|
20
|
-
},
|
|
21
11
|
[`& .SCLiveStreamRoom-prejoin`]: {
|
|
22
12
|
padding: theme.spacing(2),
|
|
23
13
|
display: 'grid',
|
|
@@ -69,6 +59,18 @@ const Component = {
|
|
|
69
59
|
backgroundColor: theme.palette.primary.dark
|
|
70
60
|
}
|
|
71
61
|
}
|
|
62
|
+
}),
|
|
63
|
+
dialogRoot: ({ theme }) => ({
|
|
64
|
+
[`& .SCLiveStreamRoom-end-conference-wrap`]: {
|
|
65
|
+
display: 'flex',
|
|
66
|
+
justifyContent: 'center',
|
|
67
|
+
alignItems: 'center',
|
|
68
|
+
alignContent: 'center',
|
|
69
|
+
flexDirection: 'column',
|
|
70
|
+
[`& .SCLiveStreamVideoConference-btn-back-home`]: {
|
|
71
|
+
marginTop: theme.spacing(2)
|
|
72
|
+
}
|
|
73
|
+
}
|
|
72
74
|
})
|
|
73
75
|
}
|
|
74
76
|
};
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
declare const Component: {
|
|
2
|
+
styleOverrides: {
|
|
3
|
+
root: ({ theme }: any) => {
|
|
4
|
+
'& .SCLiveStreamSelector-warning': {
|
|
5
|
+
margin: any;
|
|
6
|
+
};
|
|
7
|
+
'& .SCLiveStreamSelector-options': {
|
|
8
|
+
[x: number]: {
|
|
9
|
+
display: string;
|
|
10
|
+
};
|
|
11
|
+
display: string;
|
|
12
|
+
justifyContent: string;
|
|
13
|
+
alignItems: string;
|
|
14
|
+
'& > div': {
|
|
15
|
+
[x: number]: {
|
|
16
|
+
margin: string;
|
|
17
|
+
marginBottom: any;
|
|
18
|
+
};
|
|
19
|
+
width: string;
|
|
20
|
+
};
|
|
21
|
+
};
|
|
22
|
+
'& .SCLiveStreamSelector-actions': {
|
|
23
|
+
display: string;
|
|
24
|
+
justifyContent: string;
|
|
25
|
+
alignItems: string;
|
|
26
|
+
marginTop: any;
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
optionCardRoot: ({ theme, selected }: any) => {
|
|
30
|
+
maxWidth: number;
|
|
31
|
+
height: number;
|
|
32
|
+
padding: any;
|
|
33
|
+
margin: any;
|
|
34
|
+
cursor: string;
|
|
35
|
+
transition: any;
|
|
36
|
+
backgroundColor: any;
|
|
37
|
+
'&:hover': {
|
|
38
|
+
backgroundColor: any;
|
|
39
|
+
boxShadow: any;
|
|
40
|
+
};
|
|
41
|
+
border: string;
|
|
42
|
+
"& > div": {
|
|
43
|
+
display: string;
|
|
44
|
+
justifyContent: string;
|
|
45
|
+
alignItems: string;
|
|
46
|
+
marginBottom: number;
|
|
47
|
+
maxWidth: string;
|
|
48
|
+
};
|
|
49
|
+
"& ul": {
|
|
50
|
+
marginTop: any;
|
|
51
|
+
padding: number;
|
|
52
|
+
listStyle: string;
|
|
53
|
+
};
|
|
54
|
+
};
|
|
55
|
+
featureItemRoot: ({ theme, selected }: any) => {
|
|
56
|
+
display: string;
|
|
57
|
+
alignItems: string;
|
|
58
|
+
gap: any;
|
|
59
|
+
marginBottom: any;
|
|
60
|
+
'&:last-child': {
|
|
61
|
+
marginBottom: number;
|
|
62
|
+
};
|
|
63
|
+
};
|
|
64
|
+
};
|
|
65
|
+
};
|
|
66
|
+
export default Component;
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
const Component = {
|
|
2
|
+
styleOverrides: {
|
|
3
|
+
root: ({ theme }) => ({
|
|
4
|
+
'& .SCLiveStreamSelector-warning': {
|
|
5
|
+
margin: theme.spacing(2, 5, 2, 5)
|
|
6
|
+
},
|
|
7
|
+
'& .SCLiveStreamSelector-options': {
|
|
8
|
+
display: 'flex',
|
|
9
|
+
justifyContent: 'center',
|
|
10
|
+
alignItems: 'center',
|
|
11
|
+
[theme.breakpoints.down('sm')]: {
|
|
12
|
+
display: 'block'
|
|
13
|
+
},
|
|
14
|
+
'& > div': {
|
|
15
|
+
width: '290px',
|
|
16
|
+
[theme.breakpoints.down('sm')]: {
|
|
17
|
+
margin: '0px auto',
|
|
18
|
+
marginBottom: theme.spacing(2)
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
},
|
|
22
|
+
'& .SCLiveStreamSelector-actions': {
|
|
23
|
+
display: 'flex',
|
|
24
|
+
justifyContent: 'flex-end',
|
|
25
|
+
alignItems: 'flex-end',
|
|
26
|
+
marginTop: theme.spacing(4)
|
|
27
|
+
}
|
|
28
|
+
}),
|
|
29
|
+
optionCardRoot: ({ theme, selected }) => ({
|
|
30
|
+
maxWidth: 300,
|
|
31
|
+
height: 350,
|
|
32
|
+
padding: theme.spacing(3),
|
|
33
|
+
margin: theme.spacing(0, 3),
|
|
34
|
+
cursor: 'pointer',
|
|
35
|
+
transition: theme.transitions.create(['background-color', 'box-shadow'], {
|
|
36
|
+
duration: theme.transitions.duration.short
|
|
37
|
+
}),
|
|
38
|
+
backgroundColor: selected ? theme.palette.grey[100] : theme.palette.background.paper,
|
|
39
|
+
'&:hover': {
|
|
40
|
+
backgroundColor: theme.palette.grey[50],
|
|
41
|
+
boxShadow: theme.shadows[2]
|
|
42
|
+
},
|
|
43
|
+
border: `1px solid ${theme.palette.divider}`,
|
|
44
|
+
[`& > div`]: {
|
|
45
|
+
display: 'flex',
|
|
46
|
+
justifyContent: 'space-between',
|
|
47
|
+
alignItems: 'center',
|
|
48
|
+
marginBottom: 2,
|
|
49
|
+
maxWidth: '300px'
|
|
50
|
+
},
|
|
51
|
+
[`& ul`]: {
|
|
52
|
+
marginTop: theme.spacing(2),
|
|
53
|
+
padding: 0,
|
|
54
|
+
listStyle: 'none'
|
|
55
|
+
}
|
|
56
|
+
}),
|
|
57
|
+
featureItemRoot: ({ theme, selected }) => ({
|
|
58
|
+
display: 'flex',
|
|
59
|
+
alignItems: 'flex-start',
|
|
60
|
+
gap: theme.spacing(1.5),
|
|
61
|
+
marginBottom: theme.spacing(2),
|
|
62
|
+
'&:last-child': {
|
|
63
|
+
marginBottom: 0
|
|
64
|
+
}
|
|
65
|
+
})
|
|
66
|
+
}
|
|
67
|
+
};
|
|
68
|
+
export default Component;
|
|
@@ -3,7 +3,9 @@ const Component = {
|
|
|
3
3
|
root: ({ theme }) => ({
|
|
4
4
|
height: '100vh',
|
|
5
5
|
width: '100%',
|
|
6
|
-
overflowY: 'hidden'
|
|
6
|
+
overflowY: 'hidden'
|
|
7
|
+
}),
|
|
8
|
+
dialogRoot: ({ theme }) => ({
|
|
7
9
|
[`& .SCLiveStreamVideoConference-end-conference-wrap`]: {
|
|
8
10
|
display: 'flex',
|
|
9
11
|
justifyContent: 'center',
|