@selfcommunity/react-theme-default 0.2.0-live.66 → 0.2.0-live.68
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/components/SCNotification.d.ts +27 -0
- package/lib/cjs/components/SCNotification.js +27 -0
- package/lib/cjs/components/SCUserLiveStreamWidget.d.ts +101 -0
- package/lib/cjs/components/SCUserLiveStreamWidget.js +97 -0
- package/lib/cjs/index.d.ts +206 -10
- package/lib/cjs/index.js +4 -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/components/SCNotification.d.ts +27 -0
- package/lib/esm/components/SCNotification.js +27 -0
- package/lib/esm/components/SCUserLiveStreamWidget.d.ts +101 -0
- package/lib/esm/components/SCUserLiveStreamWidget.js +95 -0
- package/lib/esm/index.d.ts +206 -10
- package/lib/esm/index.js +4 -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',
|
|
@@ -305,6 +305,33 @@ declare const Component: {
|
|
|
305
305
|
backgroundColor: string;
|
|
306
306
|
};
|
|
307
307
|
};
|
|
308
|
+
liveStreamRoot: ({ theme }: any) => {
|
|
309
|
+
'& .SCNotification-username, & a': {
|
|
310
|
+
fontWeight: any;
|
|
311
|
+
};
|
|
312
|
+
'& .SCNotificationItem-primary': {
|
|
313
|
+
'& .MuiIcon-root': {
|
|
314
|
+
float: string;
|
|
315
|
+
fontSize: string;
|
|
316
|
+
marginLeft: any;
|
|
317
|
+
};
|
|
318
|
+
'& .SCEvent-root': {
|
|
319
|
+
width: string;
|
|
320
|
+
'& .SCEvent-snippet-root': {
|
|
321
|
+
paddingLeft: string;
|
|
322
|
+
};
|
|
323
|
+
};
|
|
324
|
+
};
|
|
325
|
+
'& .SCNotificationItem-secondary': {
|
|
326
|
+
textTransform: string;
|
|
327
|
+
};
|
|
328
|
+
'& .SCNotification-snippet-time': {
|
|
329
|
+
paddingLeft: any;
|
|
330
|
+
};
|
|
331
|
+
'& .SCEvent-snippet-root': {
|
|
332
|
+
backgroundColor: string;
|
|
333
|
+
};
|
|
334
|
+
};
|
|
308
335
|
groupRoot: ({ theme }: any) => {};
|
|
309
336
|
undeletedForRoot: ({ theme }: any) => {
|
|
310
337
|
'& .SCNotification-undeleted-icon': {
|
|
@@ -309,6 +309,33 @@ const Component = {
|
|
|
309
309
|
backgroundColor: 'transparent !important'
|
|
310
310
|
}
|
|
311
311
|
}),
|
|
312
|
+
liveStreamRoot: ({ theme }) => ({
|
|
313
|
+
'& .SCNotification-username, & a': {
|
|
314
|
+
fontWeight: theme.typography.fontWeightBold
|
|
315
|
+
},
|
|
316
|
+
'& .SCNotificationItem-primary': {
|
|
317
|
+
'& .MuiIcon-root': {
|
|
318
|
+
float: 'right',
|
|
319
|
+
fontSize: '20px',
|
|
320
|
+
marginLeft: theme.spacing(0.5)
|
|
321
|
+
},
|
|
322
|
+
'& .SCEvent-root': {
|
|
323
|
+
width: '100%',
|
|
324
|
+
'& .SCEvent-snippet-root': {
|
|
325
|
+
paddingLeft: '0 !important'
|
|
326
|
+
}
|
|
327
|
+
}
|
|
328
|
+
},
|
|
329
|
+
'& .SCNotificationItem-secondary': {
|
|
330
|
+
textTransform: 'capitalize'
|
|
331
|
+
},
|
|
332
|
+
'& .SCNotification-snippet-time': {
|
|
333
|
+
paddingLeft: theme.spacing(5)
|
|
334
|
+
},
|
|
335
|
+
'& .SCEvent-snippet-root': {
|
|
336
|
+
backgroundColor: 'transparent !important'
|
|
337
|
+
}
|
|
338
|
+
}),
|
|
312
339
|
groupRoot: ({ theme }) => ({}),
|
|
313
340
|
undeletedForRoot: ({ theme }) => ({
|
|
314
341
|
'& .SCNotification-undeleted-icon': {
|
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
declare const Component: {
|
|
2
|
+
styleOverrides: {
|
|
3
|
+
root: ({ theme }: {
|
|
4
|
+
theme: any;
|
|
5
|
+
}) => {
|
|
6
|
+
'& .SCUserLiveStreamWidget-content': {
|
|
7
|
+
padding: string;
|
|
8
|
+
'& .SCUserLiveStreamWidget-header': {
|
|
9
|
+
flexDirection: string;
|
|
10
|
+
justifyContent: string;
|
|
11
|
+
alignItems: string;
|
|
12
|
+
marginBottom: any;
|
|
13
|
+
'& .SCUserLiveStreamWidget-avatar-wrapper': {
|
|
14
|
+
flexDirection: string;
|
|
15
|
+
alignItems: string;
|
|
16
|
+
color: string;
|
|
17
|
+
padding: number;
|
|
18
|
+
minWidth: string;
|
|
19
|
+
'& .SCUserLiveStreamWidget-avatar': {
|
|
20
|
+
width: any;
|
|
21
|
+
height: any;
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
'& h4': {
|
|
25
|
+
marginLeft: number;
|
|
26
|
+
lineHeight: string;
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
'& .SCUserLiveStreamWidget-live-wrapper': {
|
|
30
|
+
gap: any;
|
|
31
|
+
'& .SCUserLiveStreamWidget-live': {
|
|
32
|
+
'& > div': {
|
|
33
|
+
padding: string;
|
|
34
|
+
'& > .SCBaseItem-content': {
|
|
35
|
+
'& > .SCBaseItem-text': {
|
|
36
|
+
margin: number;
|
|
37
|
+
};
|
|
38
|
+
};
|
|
39
|
+
};
|
|
40
|
+
};
|
|
41
|
+
};
|
|
42
|
+
};
|
|
43
|
+
'& .SCUserLiveStreamWidget-actions': {
|
|
44
|
+
padding: string;
|
|
45
|
+
justifyContent: string;
|
|
46
|
+
'& .SCSuggestedEventsWidget-actionButton': {
|
|
47
|
+
color: any;
|
|
48
|
+
};
|
|
49
|
+
};
|
|
50
|
+
};
|
|
51
|
+
skeletonRoot: ({ theme }: {
|
|
52
|
+
theme: any;
|
|
53
|
+
}) => {
|
|
54
|
+
'& .SCUserLiveStreamWidget-content': {
|
|
55
|
+
padding: string;
|
|
56
|
+
'& .SCUserLiveStreamWidget-user': {
|
|
57
|
+
marginBottom: any;
|
|
58
|
+
'& > .SCBaseItem-content': {
|
|
59
|
+
'& > .SCBaseItem-text': {
|
|
60
|
+
margin: number;
|
|
61
|
+
};
|
|
62
|
+
};
|
|
63
|
+
'& > .SCBaseItem-actions': {
|
|
64
|
+
display: string;
|
|
65
|
+
};
|
|
66
|
+
};
|
|
67
|
+
'& .SCUserLiveStreamWidget-live-wrapper': {
|
|
68
|
+
gap: any;
|
|
69
|
+
'& .SCUserLiveStreamWidget-live': {
|
|
70
|
+
'& > div': {
|
|
71
|
+
padding: string;
|
|
72
|
+
'& > .SCBaseItem-content': {
|
|
73
|
+
'& > .SCBaseItem-text': {
|
|
74
|
+
margin: number;
|
|
75
|
+
};
|
|
76
|
+
};
|
|
77
|
+
};
|
|
78
|
+
};
|
|
79
|
+
};
|
|
80
|
+
};
|
|
81
|
+
'& .SCUserLiveStreamWidget-actions': {
|
|
82
|
+
padding: string;
|
|
83
|
+
justifyContent: string;
|
|
84
|
+
};
|
|
85
|
+
};
|
|
86
|
+
dialogRoot: ({ theme }: {
|
|
87
|
+
theme: any;
|
|
88
|
+
}) => {
|
|
89
|
+
'& .SCUserLiveStreamWidget-infinite-scroll': {
|
|
90
|
+
[x: number]: {
|
|
91
|
+
height: string;
|
|
92
|
+
};
|
|
93
|
+
height: string;
|
|
94
|
+
'& .SCEvent-root': {
|
|
95
|
+
width: string;
|
|
96
|
+
};
|
|
97
|
+
};
|
|
98
|
+
};
|
|
99
|
+
};
|
|
100
|
+
};
|
|
101
|
+
export default Component;
|
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const Component = {
|
|
4
|
+
styleOverrides: {
|
|
5
|
+
root: ({ theme }) => ({
|
|
6
|
+
'& .SCUserLiveStreamWidget-content': {
|
|
7
|
+
padding: `10px ${theme.spacing(2)} 12px`,
|
|
8
|
+
'& .SCUserLiveStreamWidget-header': {
|
|
9
|
+
flexDirection: 'row',
|
|
10
|
+
justifyContent: 'flex-start',
|
|
11
|
+
alignItems: 'flex-start',
|
|
12
|
+
marginBottom: theme.spacing(2),
|
|
13
|
+
'& .SCUserLiveStreamWidget-avatar-wrapper': {
|
|
14
|
+
flexDirection: 'row',
|
|
15
|
+
alignItems: 'center',
|
|
16
|
+
color: 'inherit',
|
|
17
|
+
padding: 0,
|
|
18
|
+
minWidth: 'auto',
|
|
19
|
+
'& .SCUserLiveStreamWidget-avatar': {
|
|
20
|
+
width: theme.selfcommunity.user.avatar.sizeMedium,
|
|
21
|
+
height: theme.selfcommunity.user.avatar.sizeMedium
|
|
22
|
+
}
|
|
23
|
+
},
|
|
24
|
+
'& h4': {
|
|
25
|
+
marginLeft: 7,
|
|
26
|
+
lineHeight: '28px'
|
|
27
|
+
}
|
|
28
|
+
},
|
|
29
|
+
'& .SCUserLiveStreamWidget-live-wrapper': {
|
|
30
|
+
gap: theme.spacing(2),
|
|
31
|
+
'& .SCUserLiveStreamWidget-live': {
|
|
32
|
+
'& > div': {
|
|
33
|
+
padding: '0 !important',
|
|
34
|
+
'& > .SCBaseItem-content': {
|
|
35
|
+
'& > .SCBaseItem-text': {
|
|
36
|
+
margin: 0
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
},
|
|
43
|
+
'& .SCUserLiveStreamWidget-actions': {
|
|
44
|
+
padding: `0 ${theme.spacing(2)} 15px`,
|
|
45
|
+
justifyContent: 'center',
|
|
46
|
+
'& .SCSuggestedEventsWidget-actionButton': {
|
|
47
|
+
color: theme.palette.primary.main
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
}),
|
|
51
|
+
skeletonRoot: ({ theme }) => ({
|
|
52
|
+
'& .SCUserLiveStreamWidget-content': {
|
|
53
|
+
padding: `10px ${theme.spacing(2)} 12px`,
|
|
54
|
+
'& .SCUserLiveStreamWidget-user': {
|
|
55
|
+
marginBottom: theme.spacing(2),
|
|
56
|
+
'& > .SCBaseItem-content': {
|
|
57
|
+
'& > .SCBaseItem-text': {
|
|
58
|
+
margin: 0
|
|
59
|
+
}
|
|
60
|
+
},
|
|
61
|
+
'& > .SCBaseItem-actions': {
|
|
62
|
+
display: 'none'
|
|
63
|
+
}
|
|
64
|
+
},
|
|
65
|
+
'& .SCUserLiveStreamWidget-live-wrapper': {
|
|
66
|
+
gap: theme.spacing(2),
|
|
67
|
+
'& .SCUserLiveStreamWidget-live': {
|
|
68
|
+
'& > div': {
|
|
69
|
+
padding: '0 !important',
|
|
70
|
+
'& > .SCBaseItem-content': {
|
|
71
|
+
'& > .SCBaseItem-text': {
|
|
72
|
+
margin: 0
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
},
|
|
79
|
+
'& .SCUserLiveStreamWidget-actions': {
|
|
80
|
+
padding: `0 ${theme.spacing(2)} 15px`,
|
|
81
|
+
justifyContent: 'center'
|
|
82
|
+
}
|
|
83
|
+
}),
|
|
84
|
+
dialogRoot: ({ theme }) => ({
|
|
85
|
+
'& .SCUserLiveStreamWidget-infinite-scroll': {
|
|
86
|
+
height: '400px',
|
|
87
|
+
[theme.breakpoints.down('md')]: {
|
|
88
|
+
height: '100%'
|
|
89
|
+
},
|
|
90
|
+
'& .SCEvent-root': {
|
|
91
|
+
width: '100%'
|
|
92
|
+
}
|
|
93
|
+
}
|
|
94
|
+
})
|
|
95
|
+
}
|
|
96
|
+
};
|
|
97
|
+
exports.default = Component;
|