@selfcommunity/react-theme-default 0.1.50-events.101 → 0.1.50-events.103
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/SCEventSubscribeButton.d.ts +7 -1
- package/lib/cjs/components/SCEventSubscribeButton.js +5 -1
- package/lib/cjs/components/SCFeedUpdatesWidget.js +1 -1
- package/lib/cjs/components/SCNotification.d.ts +15 -3
- package/lib/cjs/components/SCNotification.js +15 -3
- package/lib/cjs/components/SCOnBoardingWidget.d.ts +23 -1
- package/lib/cjs/components/SCOnBoardingWidget.js +23 -1
- package/lib/cjs/components/SCProgressBar.d.ts +4 -0
- package/lib/cjs/components/SCProgressBar.js +5 -1
- package/lib/cjs/index.d.ts +49 -5
- package/lib/esm/components/SCEventSubscribeButton.d.ts +7 -1
- package/lib/esm/components/SCEventSubscribeButton.js +5 -1
- package/lib/esm/components/SCFeedUpdatesWidget.js +1 -1
- package/lib/esm/components/SCNotification.d.ts +15 -3
- package/lib/esm/components/SCNotification.js +15 -3
- package/lib/esm/components/SCOnBoardingWidget.d.ts +23 -1
- package/lib/esm/components/SCOnBoardingWidget.js +23 -1
- package/lib/esm/components/SCProgressBar.d.ts +4 -0
- package/lib/esm/components/SCProgressBar.js +5 -1
- package/lib/esm/index.d.ts +49 -5
- package/lib/umd/react-theme-default.js +2 -2
- package/package.json +4 -4
|
@@ -43,7 +43,9 @@ declare const Component: {
|
|
|
43
43
|
};
|
|
44
44
|
};
|
|
45
45
|
};
|
|
46
|
-
requestRoot: ({}: {
|
|
46
|
+
requestRoot: ({ theme }: {
|
|
47
|
+
theme: any;
|
|
48
|
+
}) => {};
|
|
47
49
|
menuRoot: ({ theme }: {
|
|
48
50
|
theme: any;
|
|
49
51
|
}) => {
|
|
@@ -53,6 +55,10 @@ declare const Component: {
|
|
|
53
55
|
'& .MuiList-root .SCEventSubscribeButton-item': {
|
|
54
56
|
paddingTop: number;
|
|
55
57
|
paddingBottom: number;
|
|
58
|
+
'&.Mui-disabled': {
|
|
59
|
+
paddingTop: any;
|
|
60
|
+
paddingBottom: any;
|
|
61
|
+
};
|
|
56
62
|
'& .Mui-checked .MuiSvgIcon-root': {
|
|
57
63
|
color: any;
|
|
58
64
|
};
|
|
@@ -43,7 +43,7 @@ const Component = {
|
|
|
43
43
|
}
|
|
44
44
|
}
|
|
45
45
|
}),
|
|
46
|
-
requestRoot: ({}) => ({}),
|
|
46
|
+
requestRoot: ({ theme }) => ({}),
|
|
47
47
|
menuRoot: ({ theme }) => ({
|
|
48
48
|
'& .MuiPaper-root': {
|
|
49
49
|
width: 195,
|
|
@@ -51,6 +51,10 @@ const Component = {
|
|
|
51
51
|
'& .MuiList-root .SCEventSubscribeButton-item': {
|
|
52
52
|
paddingTop: 0,
|
|
53
53
|
paddingBottom: 0,
|
|
54
|
+
'&.Mui-disabled': {
|
|
55
|
+
paddingTop: theme.spacing(1),
|
|
56
|
+
paddingBottom: theme.spacing(1)
|
|
57
|
+
},
|
|
54
58
|
'& .Mui-checked .MuiSvgIcon-root': {
|
|
55
59
|
color: theme.palette.success.main
|
|
56
60
|
},
|
|
@@ -282,9 +282,18 @@ declare const Component: {
|
|
|
282
282
|
'& .SCNotification-username, & a': {
|
|
283
283
|
fontWeight: any;
|
|
284
284
|
};
|
|
285
|
-
'& .SCNotificationItem-primary
|
|
286
|
-
|
|
287
|
-
|
|
285
|
+
'& .SCNotificationItem-primary': {
|
|
286
|
+
'& .MuiIcon-root': {
|
|
287
|
+
float: string;
|
|
288
|
+
fontSize: string;
|
|
289
|
+
marginLeft: any;
|
|
290
|
+
};
|
|
291
|
+
'& .SCEvent-root': {
|
|
292
|
+
width: string;
|
|
293
|
+
'& .SCEvent-snippet-root': {
|
|
294
|
+
paddingLeft: string;
|
|
295
|
+
};
|
|
296
|
+
};
|
|
288
297
|
};
|
|
289
298
|
'& .SCNotificationItem-secondary': {
|
|
290
299
|
textTransform: string;
|
|
@@ -292,6 +301,9 @@ declare const Component: {
|
|
|
292
301
|
'& .SCNotification-snippet-time': {
|
|
293
302
|
paddingLeft: any;
|
|
294
303
|
};
|
|
304
|
+
'& .SCEvent-snippet-root': {
|
|
305
|
+
backgroundColor: string;
|
|
306
|
+
};
|
|
295
307
|
};
|
|
296
308
|
groupRoot: ({ theme }: any) => {};
|
|
297
309
|
undeletedForRoot: ({ theme }: any) => {
|
|
@@ -286,15 +286,27 @@ const Component = {
|
|
|
286
286
|
'& .SCNotification-username, & a': {
|
|
287
287
|
fontWeight: theme.typography.fontWeightBold
|
|
288
288
|
},
|
|
289
|
-
'& .SCNotificationItem-primary
|
|
290
|
-
|
|
291
|
-
|
|
289
|
+
'& .SCNotificationItem-primary': {
|
|
290
|
+
'& .MuiIcon-root': {
|
|
291
|
+
float: 'right',
|
|
292
|
+
fontSize: '20px',
|
|
293
|
+
marginLeft: theme.spacing(0.5)
|
|
294
|
+
},
|
|
295
|
+
'& .SCEvent-root': {
|
|
296
|
+
width: '100%',
|
|
297
|
+
'& .SCEvent-snippet-root': {
|
|
298
|
+
paddingLeft: '0 !important'
|
|
299
|
+
}
|
|
300
|
+
}
|
|
292
301
|
},
|
|
293
302
|
'& .SCNotificationItem-secondary': {
|
|
294
303
|
textTransform: 'capitalize'
|
|
295
304
|
},
|
|
296
305
|
'& .SCNotification-snippet-time': {
|
|
297
306
|
paddingLeft: theme.spacing(5)
|
|
307
|
+
},
|
|
308
|
+
'& .SCEvent-snippet-root': {
|
|
309
|
+
backgroundColor: 'transparent !important'
|
|
298
310
|
}
|
|
299
311
|
}),
|
|
300
312
|
groupRoot: ({ theme }) => ({}),
|
|
@@ -161,6 +161,16 @@ declare const Component: {
|
|
|
161
161
|
};
|
|
162
162
|
};
|
|
163
163
|
contentRoot: ({ theme }: any) => {
|
|
164
|
+
[x: number]: {
|
|
165
|
+
'& .SCOnBoardingWidget-content-progress': {
|
|
166
|
+
display: string;
|
|
167
|
+
alignItems: string;
|
|
168
|
+
'& .SCOnBoardingWidget-content-animation-progress': {
|
|
169
|
+
height: string;
|
|
170
|
+
width: string;
|
|
171
|
+
};
|
|
172
|
+
};
|
|
173
|
+
};
|
|
164
174
|
'& .SCOnBoardingWidget-content-title': {
|
|
165
175
|
fontWeight: any;
|
|
166
176
|
};
|
|
@@ -178,6 +188,16 @@ declare const Component: {
|
|
|
178
188
|
};
|
|
179
189
|
};
|
|
180
190
|
categoryRoot: ({ theme }: any) => {
|
|
191
|
+
[x: number]: {
|
|
192
|
+
'& .SCOnBoardingWidget-category-progress': {
|
|
193
|
+
display: string;
|
|
194
|
+
alignItems: string;
|
|
195
|
+
'& .SCOnBoardingWidget-category-animation-progress': {
|
|
196
|
+
height: string;
|
|
197
|
+
width: string;
|
|
198
|
+
};
|
|
199
|
+
};
|
|
200
|
+
};
|
|
181
201
|
'& .SCOnBoardingWidget-category-title': {
|
|
182
202
|
fontWeight: any;
|
|
183
203
|
};
|
|
@@ -187,7 +207,9 @@ declare const Component: {
|
|
|
187
207
|
'& .SCOnBoardingWidget-category-action': {
|
|
188
208
|
display: string;
|
|
189
209
|
justifyContent: string;
|
|
190
|
-
|
|
210
|
+
'& .MuiButton-root': {
|
|
211
|
+
marginTop: any;
|
|
212
|
+
};
|
|
191
213
|
};
|
|
192
214
|
'& .SCProgressBar-message': {
|
|
193
215
|
marginBottom: any;
|
|
@@ -177,6 +177,16 @@ const Component = {
|
|
|
177
177
|
},
|
|
178
178
|
'& .SCProgressBar-message': {
|
|
179
179
|
marginBottom: theme.spacing(0.5)
|
|
180
|
+
},
|
|
181
|
+
[theme.breakpoints.up('sm')]: {
|
|
182
|
+
'& .SCOnBoardingWidget-content-progress': {
|
|
183
|
+
display: 'flex',
|
|
184
|
+
alignItems: 'center',
|
|
185
|
+
'& .SCOnBoardingWidget-content-animation-progress': {
|
|
186
|
+
height: '250px',
|
|
187
|
+
width: '250px'
|
|
188
|
+
}
|
|
189
|
+
}
|
|
180
190
|
}
|
|
181
191
|
}),
|
|
182
192
|
categoryRoot: ({ theme }) => ({
|
|
@@ -189,10 +199,22 @@ const Component = {
|
|
|
189
199
|
'& .SCOnBoardingWidget-category-action': {
|
|
190
200
|
display: 'flex',
|
|
191
201
|
justifyContent: 'center',
|
|
192
|
-
|
|
202
|
+
'& .MuiButton-root': {
|
|
203
|
+
marginTop: theme.spacing(3)
|
|
204
|
+
}
|
|
193
205
|
},
|
|
194
206
|
'& .SCProgressBar-message': {
|
|
195
207
|
marginBottom: theme.spacing(0.5)
|
|
208
|
+
},
|
|
209
|
+
[theme.breakpoints.up('sm')]: {
|
|
210
|
+
'& .SCOnBoardingWidget-category-progress': {
|
|
211
|
+
display: 'flex',
|
|
212
|
+
alignItems: 'center',
|
|
213
|
+
'& .SCOnBoardingWidget-category-animation-progress': {
|
|
214
|
+
height: '250px',
|
|
215
|
+
width: '250px'
|
|
216
|
+
}
|
|
217
|
+
}
|
|
196
218
|
}
|
|
197
219
|
}),
|
|
198
220
|
appearanceRoot: ({ theme }) => ({
|
package/lib/cjs/index.d.ts
CHANGED
|
@@ -4710,9 +4710,18 @@ declare const theme: {
|
|
|
4710
4710
|
'& .SCNotification-username, & a': {
|
|
4711
4711
|
fontWeight: any;
|
|
4712
4712
|
};
|
|
4713
|
-
'& .SCNotificationItem-primary
|
|
4714
|
-
|
|
4715
|
-
|
|
4713
|
+
'& .SCNotificationItem-primary': {
|
|
4714
|
+
'& .MuiIcon-root': {
|
|
4715
|
+
float: string;
|
|
4716
|
+
fontSize: string;
|
|
4717
|
+
marginLeft: any;
|
|
4718
|
+
};
|
|
4719
|
+
'& .SCEvent-root': {
|
|
4720
|
+
width: string;
|
|
4721
|
+
'& .SCEvent-snippet-root': {
|
|
4722
|
+
paddingLeft: string;
|
|
4723
|
+
};
|
|
4724
|
+
};
|
|
4716
4725
|
};
|
|
4717
4726
|
'& .SCNotificationItem-secondary': {
|
|
4718
4727
|
textTransform: string;
|
|
@@ -4720,6 +4729,9 @@ declare const theme: {
|
|
|
4720
4729
|
'& .SCNotification-snippet-time': {
|
|
4721
4730
|
paddingLeft: any;
|
|
4722
4731
|
};
|
|
4732
|
+
'& .SCEvent-snippet-root': {
|
|
4733
|
+
backgroundColor: string;
|
|
4734
|
+
};
|
|
4723
4735
|
};
|
|
4724
4736
|
groupRoot: ({ theme }: any) => {};
|
|
4725
4737
|
undeletedForRoot: ({ theme }: any) => {
|
|
@@ -5043,6 +5055,16 @@ declare const theme: {
|
|
|
5043
5055
|
};
|
|
5044
5056
|
};
|
|
5045
5057
|
contentRoot: ({ theme }: any) => {
|
|
5058
|
+
[x: number]: {
|
|
5059
|
+
'& .SCOnBoardingWidget-content-progress': {
|
|
5060
|
+
display: string;
|
|
5061
|
+
alignItems: string;
|
|
5062
|
+
'& .SCOnBoardingWidget-content-animation-progress': {
|
|
5063
|
+
height: string;
|
|
5064
|
+
width: string;
|
|
5065
|
+
};
|
|
5066
|
+
};
|
|
5067
|
+
};
|
|
5046
5068
|
'& .SCOnBoardingWidget-content-title': {
|
|
5047
5069
|
fontWeight: any;
|
|
5048
5070
|
};
|
|
@@ -5060,6 +5082,16 @@ declare const theme: {
|
|
|
5060
5082
|
};
|
|
5061
5083
|
};
|
|
5062
5084
|
categoryRoot: ({ theme }: any) => {
|
|
5085
|
+
[x: number]: {
|
|
5086
|
+
'& .SCOnBoardingWidget-category-progress': {
|
|
5087
|
+
display: string;
|
|
5088
|
+
alignItems: string;
|
|
5089
|
+
'& .SCOnBoardingWidget-category-animation-progress': {
|
|
5090
|
+
height: string;
|
|
5091
|
+
width: string;
|
|
5092
|
+
};
|
|
5093
|
+
};
|
|
5094
|
+
};
|
|
5063
5095
|
'& .SCOnBoardingWidget-category-title': {
|
|
5064
5096
|
fontWeight: any;
|
|
5065
5097
|
};
|
|
@@ -5069,7 +5101,9 @@ declare const theme: {
|
|
|
5069
5101
|
'& .SCOnBoardingWidget-category-action': {
|
|
5070
5102
|
display: string;
|
|
5071
5103
|
justifyContent: string;
|
|
5072
|
-
|
|
5104
|
+
'& .MuiButton-root': {
|
|
5105
|
+
marginTop: any;
|
|
5106
|
+
};
|
|
5073
5107
|
};
|
|
5074
5108
|
'& .SCProgressBar-message': {
|
|
5075
5109
|
marginBottom: any;
|
|
@@ -6048,6 +6082,10 @@ declare const theme: {
|
|
|
6048
6082
|
};
|
|
6049
6083
|
'& .SCProgressBar-progress': {
|
|
6050
6084
|
marginTop: any;
|
|
6085
|
+
h4: {
|
|
6086
|
+
fontWeight: any;
|
|
6087
|
+
fontSize: string;
|
|
6088
|
+
};
|
|
6051
6089
|
};
|
|
6052
6090
|
};
|
|
6053
6091
|
};
|
|
@@ -7370,7 +7408,9 @@ declare const theme: {
|
|
|
7370
7408
|
};
|
|
7371
7409
|
};
|
|
7372
7410
|
};
|
|
7373
|
-
requestRoot: ({}: {
|
|
7411
|
+
requestRoot: ({ theme }: {
|
|
7412
|
+
theme: any;
|
|
7413
|
+
}) => {};
|
|
7374
7414
|
menuRoot: ({ theme }: {
|
|
7375
7415
|
theme: any;
|
|
7376
7416
|
}) => {
|
|
@@ -7380,6 +7420,10 @@ declare const theme: {
|
|
|
7380
7420
|
'& .MuiList-root .SCEventSubscribeButton-item': {
|
|
7381
7421
|
paddingTop: number;
|
|
7382
7422
|
paddingBottom: number;
|
|
7423
|
+
'&.Mui-disabled': {
|
|
7424
|
+
paddingTop: any;
|
|
7425
|
+
paddingBottom: any;
|
|
7426
|
+
};
|
|
7383
7427
|
'& .Mui-checked .MuiSvgIcon-root': {
|
|
7384
7428
|
color: any;
|
|
7385
7429
|
};
|
|
@@ -43,7 +43,9 @@ declare const Component: {
|
|
|
43
43
|
};
|
|
44
44
|
};
|
|
45
45
|
};
|
|
46
|
-
requestRoot: ({}: {
|
|
46
|
+
requestRoot: ({ theme }: {
|
|
47
|
+
theme: any;
|
|
48
|
+
}) => {};
|
|
47
49
|
menuRoot: ({ theme }: {
|
|
48
50
|
theme: any;
|
|
49
51
|
}) => {
|
|
@@ -53,6 +55,10 @@ declare const Component: {
|
|
|
53
55
|
'& .MuiList-root .SCEventSubscribeButton-item': {
|
|
54
56
|
paddingTop: number;
|
|
55
57
|
paddingBottom: number;
|
|
58
|
+
'&.Mui-disabled': {
|
|
59
|
+
paddingTop: any;
|
|
60
|
+
paddingBottom: any;
|
|
61
|
+
};
|
|
56
62
|
'& .Mui-checked .MuiSvgIcon-root': {
|
|
57
63
|
color: any;
|
|
58
64
|
};
|
|
@@ -41,7 +41,7 @@ const Component = {
|
|
|
41
41
|
}
|
|
42
42
|
}
|
|
43
43
|
}),
|
|
44
|
-
requestRoot: ({}) => ({}),
|
|
44
|
+
requestRoot: ({ theme }) => ({}),
|
|
45
45
|
menuRoot: ({ theme }) => ({
|
|
46
46
|
'& .MuiPaper-root': {
|
|
47
47
|
width: 195,
|
|
@@ -49,6 +49,10 @@ const Component = {
|
|
|
49
49
|
'& .MuiList-root .SCEventSubscribeButton-item': {
|
|
50
50
|
paddingTop: 0,
|
|
51
51
|
paddingBottom: 0,
|
|
52
|
+
'&.Mui-disabled': {
|
|
53
|
+
paddingTop: theme.spacing(1),
|
|
54
|
+
paddingBottom: theme.spacing(1)
|
|
55
|
+
},
|
|
52
56
|
'& .Mui-checked .MuiSvgIcon-root': {
|
|
53
57
|
color: theme.palette.success.main
|
|
54
58
|
},
|
|
@@ -282,9 +282,18 @@ declare const Component: {
|
|
|
282
282
|
'& .SCNotification-username, & a': {
|
|
283
283
|
fontWeight: any;
|
|
284
284
|
};
|
|
285
|
-
'& .SCNotificationItem-primary
|
|
286
|
-
|
|
287
|
-
|
|
285
|
+
'& .SCNotificationItem-primary': {
|
|
286
|
+
'& .MuiIcon-root': {
|
|
287
|
+
float: string;
|
|
288
|
+
fontSize: string;
|
|
289
|
+
marginLeft: any;
|
|
290
|
+
};
|
|
291
|
+
'& .SCEvent-root': {
|
|
292
|
+
width: string;
|
|
293
|
+
'& .SCEvent-snippet-root': {
|
|
294
|
+
paddingLeft: string;
|
|
295
|
+
};
|
|
296
|
+
};
|
|
288
297
|
};
|
|
289
298
|
'& .SCNotificationItem-secondary': {
|
|
290
299
|
textTransform: string;
|
|
@@ -292,6 +301,9 @@ declare const Component: {
|
|
|
292
301
|
'& .SCNotification-snippet-time': {
|
|
293
302
|
paddingLeft: any;
|
|
294
303
|
};
|
|
304
|
+
'& .SCEvent-snippet-root': {
|
|
305
|
+
backgroundColor: string;
|
|
306
|
+
};
|
|
295
307
|
};
|
|
296
308
|
groupRoot: ({ theme }: any) => {};
|
|
297
309
|
undeletedForRoot: ({ theme }: any) => {
|
|
@@ -284,15 +284,27 @@ const Component = {
|
|
|
284
284
|
'& .SCNotification-username, & a': {
|
|
285
285
|
fontWeight: theme.typography.fontWeightBold
|
|
286
286
|
},
|
|
287
|
-
'& .SCNotificationItem-primary
|
|
288
|
-
|
|
289
|
-
|
|
287
|
+
'& .SCNotificationItem-primary': {
|
|
288
|
+
'& .MuiIcon-root': {
|
|
289
|
+
float: 'right',
|
|
290
|
+
fontSize: '20px',
|
|
291
|
+
marginLeft: theme.spacing(0.5)
|
|
292
|
+
},
|
|
293
|
+
'& .SCEvent-root': {
|
|
294
|
+
width: '100%',
|
|
295
|
+
'& .SCEvent-snippet-root': {
|
|
296
|
+
paddingLeft: '0 !important'
|
|
297
|
+
}
|
|
298
|
+
}
|
|
290
299
|
},
|
|
291
300
|
'& .SCNotificationItem-secondary': {
|
|
292
301
|
textTransform: 'capitalize'
|
|
293
302
|
},
|
|
294
303
|
'& .SCNotification-snippet-time': {
|
|
295
304
|
paddingLeft: theme.spacing(5)
|
|
305
|
+
},
|
|
306
|
+
'& .SCEvent-snippet-root': {
|
|
307
|
+
backgroundColor: 'transparent !important'
|
|
296
308
|
}
|
|
297
309
|
}),
|
|
298
310
|
groupRoot: ({ theme }) => ({}),
|
|
@@ -161,6 +161,16 @@ declare const Component: {
|
|
|
161
161
|
};
|
|
162
162
|
};
|
|
163
163
|
contentRoot: ({ theme }: any) => {
|
|
164
|
+
[x: number]: {
|
|
165
|
+
'& .SCOnBoardingWidget-content-progress': {
|
|
166
|
+
display: string;
|
|
167
|
+
alignItems: string;
|
|
168
|
+
'& .SCOnBoardingWidget-content-animation-progress': {
|
|
169
|
+
height: string;
|
|
170
|
+
width: string;
|
|
171
|
+
};
|
|
172
|
+
};
|
|
173
|
+
};
|
|
164
174
|
'& .SCOnBoardingWidget-content-title': {
|
|
165
175
|
fontWeight: any;
|
|
166
176
|
};
|
|
@@ -178,6 +188,16 @@ declare const Component: {
|
|
|
178
188
|
};
|
|
179
189
|
};
|
|
180
190
|
categoryRoot: ({ theme }: any) => {
|
|
191
|
+
[x: number]: {
|
|
192
|
+
'& .SCOnBoardingWidget-category-progress': {
|
|
193
|
+
display: string;
|
|
194
|
+
alignItems: string;
|
|
195
|
+
'& .SCOnBoardingWidget-category-animation-progress': {
|
|
196
|
+
height: string;
|
|
197
|
+
width: string;
|
|
198
|
+
};
|
|
199
|
+
};
|
|
200
|
+
};
|
|
181
201
|
'& .SCOnBoardingWidget-category-title': {
|
|
182
202
|
fontWeight: any;
|
|
183
203
|
};
|
|
@@ -187,7 +207,9 @@ declare const Component: {
|
|
|
187
207
|
'& .SCOnBoardingWidget-category-action': {
|
|
188
208
|
display: string;
|
|
189
209
|
justifyContent: string;
|
|
190
|
-
|
|
210
|
+
'& .MuiButton-root': {
|
|
211
|
+
marginTop: any;
|
|
212
|
+
};
|
|
191
213
|
};
|
|
192
214
|
'& .SCProgressBar-message': {
|
|
193
215
|
marginBottom: any;
|
|
@@ -175,6 +175,16 @@ const Component = {
|
|
|
175
175
|
},
|
|
176
176
|
'& .SCProgressBar-message': {
|
|
177
177
|
marginBottom: theme.spacing(0.5)
|
|
178
|
+
},
|
|
179
|
+
[theme.breakpoints.up('sm')]: {
|
|
180
|
+
'& .SCOnBoardingWidget-content-progress': {
|
|
181
|
+
display: 'flex',
|
|
182
|
+
alignItems: 'center',
|
|
183
|
+
'& .SCOnBoardingWidget-content-animation-progress': {
|
|
184
|
+
height: '250px',
|
|
185
|
+
width: '250px'
|
|
186
|
+
}
|
|
187
|
+
}
|
|
178
188
|
}
|
|
179
189
|
}),
|
|
180
190
|
categoryRoot: ({ theme }) => ({
|
|
@@ -187,10 +197,22 @@ const Component = {
|
|
|
187
197
|
'& .SCOnBoardingWidget-category-action': {
|
|
188
198
|
display: 'flex',
|
|
189
199
|
justifyContent: 'center',
|
|
190
|
-
|
|
200
|
+
'& .MuiButton-root': {
|
|
201
|
+
marginTop: theme.spacing(3)
|
|
202
|
+
}
|
|
191
203
|
},
|
|
192
204
|
'& .SCProgressBar-message': {
|
|
193
205
|
marginBottom: theme.spacing(0.5)
|
|
206
|
+
},
|
|
207
|
+
[theme.breakpoints.up('sm')]: {
|
|
208
|
+
'& .SCOnBoardingWidget-category-progress': {
|
|
209
|
+
display: 'flex',
|
|
210
|
+
alignItems: 'center',
|
|
211
|
+
'& .SCOnBoardingWidget-category-animation-progress': {
|
|
212
|
+
height: '250px',
|
|
213
|
+
width: '250px'
|
|
214
|
+
}
|
|
215
|
+
}
|
|
194
216
|
}
|
|
195
217
|
}),
|
|
196
218
|
appearanceRoot: ({ theme }) => ({
|