@selfcommunity/react-theme-default 0.1.50-events.60 → 0.1.50-events.63
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/SCEvent.d.ts +0 -3
- package/lib/cjs/components/SCEvent.js +1 -4
- package/lib/cjs/components/SCEventHeader.d.ts +3 -0
- package/lib/cjs/components/SCEventHeader.js +8 -5
- package/lib/cjs/components/SCEventMembersWidget.d.ts +66 -0
- package/lib/cjs/components/SCEventMembersWidget.js +62 -0
- package/lib/cjs/components/{SCEventPartecipantsButton.d.ts → SCEventParticipantsButton.d.ts} +2 -2
- package/lib/cjs/components/{SCEventPartecipantsButton.js → SCEventParticipantsButton.js} +3 -3
- package/lib/cjs/components/SCEventSubscribeButton.d.ts +0 -1
- package/lib/cjs/components/SCEventSubscribeButton.js +0 -1
- package/lib/cjs/components/SCRelatedEventsWidget.d.ts +91 -0
- package/lib/cjs/components/SCRelatedEventsWidget.js +87 -0
- package/lib/cjs/components/SCSuggestedEventsWidget.d.ts +8 -6
- package/lib/cjs/components/SCSuggestedEventsWidget.js +11 -9
- package/lib/cjs/index.d.ts +175 -13
- package/lib/cjs/index.js +7 -3
- package/lib/esm/components/SCEvent.d.ts +0 -3
- package/lib/esm/components/SCEvent.js +1 -4
- package/lib/esm/components/SCEventHeader.d.ts +3 -0
- package/lib/esm/components/SCEventHeader.js +8 -5
- package/lib/esm/components/SCEventMembersWidget.d.ts +66 -0
- package/lib/esm/components/SCEventMembersWidget.js +60 -0
- package/lib/esm/components/{SCEventPartecipantsButton.d.ts → SCEventParticipantsButton.d.ts} +2 -2
- package/lib/esm/components/{SCEventPartecipantsButton.js → SCEventParticipantsButton.js} +3 -3
- package/lib/esm/components/SCEventSubscribeButton.d.ts +0 -1
- package/lib/esm/components/SCEventSubscribeButton.js +0 -1
- package/lib/esm/components/SCRelatedEventsWidget.d.ts +91 -0
- package/lib/esm/components/SCRelatedEventsWidget.js +85 -0
- package/lib/esm/components/SCSuggestedEventsWidget.d.ts +8 -6
- package/lib/esm/components/SCSuggestedEventsWidget.js +11 -9
- package/lib/esm/index.d.ts +175 -13
- package/lib/esm/index.js +7 -3
- package/lib/umd/react-theme-default.js +3 -3
- package/package.json +4 -4
|
@@ -16,6 +16,7 @@ declare const Component: {
|
|
|
16
16
|
fontSize: string;
|
|
17
17
|
fontWeight: any;
|
|
18
18
|
color: any;
|
|
19
|
+
paddingLeft: any;
|
|
19
20
|
};
|
|
20
21
|
'& .SCEventHeader-info': {
|
|
21
22
|
paddingRight: any;
|
|
@@ -24,12 +25,14 @@ declare const Component: {
|
|
|
24
25
|
'& .SCEventHeader-name': {
|
|
25
26
|
fontSize: string;
|
|
26
27
|
fontWeight: any;
|
|
28
|
+
paddingLeft: any;
|
|
27
29
|
};
|
|
28
30
|
'& .SCEventHeader-visibility': {
|
|
29
31
|
display: string;
|
|
30
32
|
justifyContent: string;
|
|
31
33
|
alignItems: string;
|
|
32
34
|
gap: any;
|
|
35
|
+
paddingLeft: any;
|
|
33
36
|
'& .SCEventHeader-visibility-item': {
|
|
34
37
|
fontSize: any;
|
|
35
38
|
fontWeight: any;
|
|
@@ -18,21 +18,24 @@ const Component = {
|
|
|
18
18
|
textTransform: 'uppercase',
|
|
19
19
|
fontSize: '1.143rem',
|
|
20
20
|
fontWeight: theme.typography.fontWeightLight,
|
|
21
|
-
color: theme.palette.text.secondary
|
|
21
|
+
color: theme.palette.text.secondary,
|
|
22
|
+
paddingLeft: theme.spacing(2)
|
|
22
23
|
},
|
|
23
24
|
'& .SCEventHeader-info': {
|
|
24
|
-
paddingRight: theme.spacing(
|
|
25
|
-
paddingLeft: theme.spacing(
|
|
25
|
+
paddingRight: theme.spacing(),
|
|
26
|
+
paddingLeft: theme.spacing(),
|
|
26
27
|
marginTop: theme.spacing(6),
|
|
27
28
|
'& .SCEventHeader-name': {
|
|
28
29
|
fontSize: '1.857rem',
|
|
29
|
-
fontWeight: theme.typography.fontWeightBold
|
|
30
|
+
fontWeight: theme.typography.fontWeightBold,
|
|
31
|
+
paddingLeft: theme.spacing(2),
|
|
30
32
|
},
|
|
31
33
|
'& .SCEventHeader-visibility': {
|
|
32
34
|
display: 'flex',
|
|
33
35
|
justifyContent: 'flex-start',
|
|
34
36
|
alignItems: 'center',
|
|
35
37
|
gap: theme.spacing(0.5),
|
|
38
|
+
paddingLeft: theme.spacing(2),
|
|
36
39
|
'& .SCEventHeader-visibility-item': {
|
|
37
40
|
fontSize: theme.typography.fontSize,
|
|
38
41
|
fontWeight: theme.typography.fontWeightLight,
|
|
@@ -54,7 +57,7 @@ const Component = {
|
|
|
54
57
|
'& .SCUser-root': {
|
|
55
58
|
borderTop: `1px solid ${(0, system_1.alpha)(theme.palette.primary.main, theme.palette.action.activatedOpacity)}`,
|
|
56
59
|
borderBottom: `1px solid ${(0, system_1.alpha)(theme.palette.primary.main, theme.palette.action.activatedOpacity)}`,
|
|
57
|
-
padding: `${theme.spacing(0.5)} !important`,
|
|
60
|
+
padding: `${theme.spacing(0.5)} ${theme.spacing(2)} ${theme.spacing(0.5)} ${theme.spacing(2)}!important`,
|
|
58
61
|
marginTop: theme.spacing(1),
|
|
59
62
|
'& .SCBaseItemButton-actions': {
|
|
60
63
|
maxWidth: 'none',
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
declare const Component: {
|
|
2
|
+
styleOverrides: {
|
|
3
|
+
root: ({ theme }: {
|
|
4
|
+
theme: any;
|
|
5
|
+
}) => {
|
|
6
|
+
'& .SCEventMembersWidget-content': {
|
|
7
|
+
padding: string;
|
|
8
|
+
'& .SCEventMembersWidget-title': {
|
|
9
|
+
marginBottom: string;
|
|
10
|
+
};
|
|
11
|
+
'& .SCEventMembersWidget-tabs-wrapper': {
|
|
12
|
+
borderBottom: string;
|
|
13
|
+
'& .SCEventMembersWidget-tab-label-wrapper': {
|
|
14
|
+
gap: string;
|
|
15
|
+
alignItems: string;
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
'& .SCEventMembersWidget-tab-panel': {
|
|
19
|
+
padding: string;
|
|
20
|
+
};
|
|
21
|
+
};
|
|
22
|
+
'& .SCEventMembersWidget-actions': {
|
|
23
|
+
padding: string;
|
|
24
|
+
justifyContent: string;
|
|
25
|
+
'& .SCSuggestedEventsWidget-actionButton': {
|
|
26
|
+
color: any;
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
};
|
|
30
|
+
skeletonRoot: ({ theme }: {
|
|
31
|
+
theme: any;
|
|
32
|
+
}) => {
|
|
33
|
+
'& .SCEventMembersWidget-content': {
|
|
34
|
+
padding: string;
|
|
35
|
+
'& .SCEventMembersWidget-title': {
|
|
36
|
+
marginBottom: string;
|
|
37
|
+
};
|
|
38
|
+
'& .SCEventMembersWidget-tabs-wrapper': {
|
|
39
|
+
borderBottom: string;
|
|
40
|
+
'& .SCEventMembersWidget-tab-label-wrapper': {
|
|
41
|
+
gap: string;
|
|
42
|
+
alignItems: string;
|
|
43
|
+
};
|
|
44
|
+
};
|
|
45
|
+
'& .SCEventMembersWidget-tab-panel': {
|
|
46
|
+
padding: string;
|
|
47
|
+
};
|
|
48
|
+
};
|
|
49
|
+
'& .SCEventMembersWidget-actions': {
|
|
50
|
+
padding: string;
|
|
51
|
+
justifyContent: string;
|
|
52
|
+
};
|
|
53
|
+
};
|
|
54
|
+
dialogRoot: ({ theme }: {
|
|
55
|
+
theme: any;
|
|
56
|
+
}) => {
|
|
57
|
+
'& .SCEventMembersWidget-infinite-scroll': {
|
|
58
|
+
[x: number]: {
|
|
59
|
+
height: string;
|
|
60
|
+
};
|
|
61
|
+
height: string;
|
|
62
|
+
};
|
|
63
|
+
};
|
|
64
|
+
};
|
|
65
|
+
};
|
|
66
|
+
export default Component;
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const Component = {
|
|
4
|
+
styleOverrides: {
|
|
5
|
+
root: ({ theme }) => ({
|
|
6
|
+
'& .SCEventMembersWidget-content': {
|
|
7
|
+
padding: `${theme.spacing(2)} ${theme.spacing(2)} ${theme.spacing(3)}`,
|
|
8
|
+
'& .SCEventMembersWidget-title': {
|
|
9
|
+
marginBottom: '18px'
|
|
10
|
+
},
|
|
11
|
+
'& .SCEventMembersWidget-tabs-wrapper': {
|
|
12
|
+
borderBottom: `1px solid ${theme.palette.grey['300']}`,
|
|
13
|
+
'& .SCEventMembersWidget-tab-label-wrapper': {
|
|
14
|
+
gap: '2px',
|
|
15
|
+
alignItems: 'center'
|
|
16
|
+
}
|
|
17
|
+
},
|
|
18
|
+
'& .SCEventMembersWidget-tab-panel': {
|
|
19
|
+
padding: `${theme.spacing(4)} 0 0`
|
|
20
|
+
}
|
|
21
|
+
},
|
|
22
|
+
'& .SCEventMembersWidget-actions': {
|
|
23
|
+
padding: `0 ${theme.spacing(2)} ${theme.spacing(3)}`,
|
|
24
|
+
justifyContent: 'center',
|
|
25
|
+
'& .SCSuggestedEventsWidget-actionButton': {
|
|
26
|
+
color: theme.palette.primary.main
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
}),
|
|
30
|
+
skeletonRoot: ({ theme }) => ({
|
|
31
|
+
'& .SCEventMembersWidget-content': {
|
|
32
|
+
padding: `${theme.spacing(2)} ${theme.spacing(2)} ${theme.spacing(3)}`,
|
|
33
|
+
'& .SCEventMembersWidget-title': {
|
|
34
|
+
marginBottom: '18px'
|
|
35
|
+
},
|
|
36
|
+
'& .SCEventMembersWidget-tabs-wrapper': {
|
|
37
|
+
borderBottom: `1px solid ${theme.palette.grey['300']}`,
|
|
38
|
+
'& .SCEventMembersWidget-tab-label-wrapper': {
|
|
39
|
+
gap: '2px',
|
|
40
|
+
alignItems: 'center'
|
|
41
|
+
}
|
|
42
|
+
},
|
|
43
|
+
'& .SCEventMembersWidget-tab-panel': {
|
|
44
|
+
padding: `${theme.spacing(4)} 0 0`
|
|
45
|
+
}
|
|
46
|
+
},
|
|
47
|
+
'& .SCEventMembersWidget-actions': {
|
|
48
|
+
padding: `0 ${theme.spacing(2)} ${theme.spacing(3)}`,
|
|
49
|
+
justifyContent: 'center'
|
|
50
|
+
}
|
|
51
|
+
}),
|
|
52
|
+
dialogRoot: ({ theme }) => ({
|
|
53
|
+
'& .SCEventMembersWidget-infinite-scroll': {
|
|
54
|
+
height: '400px',
|
|
55
|
+
[theme.breakpoints.down('md')]: {
|
|
56
|
+
height: '100%'
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
})
|
|
60
|
+
}
|
|
61
|
+
};
|
|
62
|
+
exports.default = Component;
|
package/lib/cjs/components/{SCEventPartecipantsButton.d.ts → SCEventParticipantsButton.d.ts}
RENAMED
|
@@ -12,14 +12,14 @@ declare const Component: {
|
|
|
12
12
|
width: string;
|
|
13
13
|
height: string;
|
|
14
14
|
};
|
|
15
|
-
'& .
|
|
15
|
+
'& .SCEventParticipantsButton-participants': {
|
|
16
16
|
color: any;
|
|
17
17
|
};
|
|
18
18
|
};
|
|
19
19
|
dialogRoot: ({ theme }: {
|
|
20
20
|
theme: any;
|
|
21
21
|
}) => {
|
|
22
|
-
'& .
|
|
22
|
+
'& .SCEventParticipantsButton-infinite-scroll': {
|
|
23
23
|
[x: number]: {
|
|
24
24
|
height: string;
|
|
25
25
|
};
|
|
@@ -12,12 +12,12 @@ const Component = {
|
|
|
12
12
|
width: '24px',
|
|
13
13
|
height: '24px'
|
|
14
14
|
},
|
|
15
|
-
'& .
|
|
16
|
-
color: theme.palette.
|
|
15
|
+
'& .SCEventParticipantsButton-participants': {
|
|
16
|
+
color: theme.palette.grey[600]
|
|
17
17
|
}
|
|
18
18
|
}),
|
|
19
19
|
dialogRoot: ({ theme }) => ({
|
|
20
|
-
'& .
|
|
20
|
+
'& .SCEventParticipantsButton-infinite-scroll': {
|
|
21
21
|
height: '400px !important',
|
|
22
22
|
[theme.breakpoints.down('md')]: {
|
|
23
23
|
height: '100%'
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
declare const Component: {
|
|
2
|
+
styleOverrides: {
|
|
3
|
+
root: ({ theme }: {
|
|
4
|
+
theme: any;
|
|
5
|
+
}) => {
|
|
6
|
+
'& .SCRelatedEventsWidget-content': {
|
|
7
|
+
padding: string;
|
|
8
|
+
'& .SCRelatedEventsWidget-avatar-wrapper': {
|
|
9
|
+
flexDirection: string;
|
|
10
|
+
alignItems: string;
|
|
11
|
+
gap: any;
|
|
12
|
+
marginBottom: any;
|
|
13
|
+
color: string;
|
|
14
|
+
'& .SCRelatedEventsWidget-avatar': {
|
|
15
|
+
width: string;
|
|
16
|
+
height: string;
|
|
17
|
+
};
|
|
18
|
+
};
|
|
19
|
+
'& .SCRelatedEventsWidget-event-wrapper': {
|
|
20
|
+
gap: any;
|
|
21
|
+
'& .SCRelatedEventsWidget-event': {
|
|
22
|
+
'& > div': {
|
|
23
|
+
padding: string;
|
|
24
|
+
'& > .SCBaseItem-content': {
|
|
25
|
+
'& > .SCBaseItem-text': {
|
|
26
|
+
margin: number;
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
};
|
|
30
|
+
};
|
|
31
|
+
};
|
|
32
|
+
};
|
|
33
|
+
'& .SCRelatedEventsWidget-actions': {
|
|
34
|
+
padding: string;
|
|
35
|
+
justifyContent: string;
|
|
36
|
+
'& .SCSuggestedEventsWidget-actionButton': {
|
|
37
|
+
color: any;
|
|
38
|
+
};
|
|
39
|
+
};
|
|
40
|
+
};
|
|
41
|
+
skeletonRoot: ({ theme }: {
|
|
42
|
+
theme: any;
|
|
43
|
+
}) => {
|
|
44
|
+
'& .SCRelatedEventsWidget-content': {
|
|
45
|
+
padding: string;
|
|
46
|
+
'& .SCRelatedEventsWidget-user': {
|
|
47
|
+
marginBottom: any;
|
|
48
|
+
'& > .SCBaseItem-content': {
|
|
49
|
+
'& > .SCBaseItem-text': {
|
|
50
|
+
margin: number;
|
|
51
|
+
};
|
|
52
|
+
};
|
|
53
|
+
'& > .SCBaseItem-actions': {
|
|
54
|
+
display: string;
|
|
55
|
+
};
|
|
56
|
+
};
|
|
57
|
+
'& .SCRelatedEventsWidget-event-wrapper': {
|
|
58
|
+
gap: any;
|
|
59
|
+
'& .SCRelatedEventsWidget-event': {
|
|
60
|
+
'& > div': {
|
|
61
|
+
padding: string;
|
|
62
|
+
'& > .SCBaseItem-content': {
|
|
63
|
+
'& > .SCBaseItem-text': {
|
|
64
|
+
margin: number;
|
|
65
|
+
};
|
|
66
|
+
};
|
|
67
|
+
};
|
|
68
|
+
};
|
|
69
|
+
};
|
|
70
|
+
};
|
|
71
|
+
'& .SCRelatedEventsWidget-actions': {
|
|
72
|
+
padding: string;
|
|
73
|
+
justifyContent: string;
|
|
74
|
+
};
|
|
75
|
+
};
|
|
76
|
+
dialogRoot: ({ theme }: {
|
|
77
|
+
theme: any;
|
|
78
|
+
}) => {
|
|
79
|
+
'& .SCRelatedEventsWidget-infinite-scroll': {
|
|
80
|
+
[x: number]: {
|
|
81
|
+
height: string;
|
|
82
|
+
};
|
|
83
|
+
height: string;
|
|
84
|
+
'& .SCEvent-root': {
|
|
85
|
+
width: string;
|
|
86
|
+
};
|
|
87
|
+
};
|
|
88
|
+
};
|
|
89
|
+
};
|
|
90
|
+
};
|
|
91
|
+
export default Component;
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const Component = {
|
|
4
|
+
styleOverrides: {
|
|
5
|
+
root: ({ theme }) => ({
|
|
6
|
+
'& .SCRelatedEventsWidget-content': {
|
|
7
|
+
padding: `10px ${theme.spacing(2)} 12px`,
|
|
8
|
+
'& .SCRelatedEventsWidget-avatar-wrapper': {
|
|
9
|
+
flexDirection: 'row',
|
|
10
|
+
alignItems: 'center',
|
|
11
|
+
gap: theme.spacing(1),
|
|
12
|
+
marginBottom: theme.spacing(2),
|
|
13
|
+
color: 'inherit',
|
|
14
|
+
'& .SCRelatedEventsWidget-avatar': {
|
|
15
|
+
width: '36px',
|
|
16
|
+
height: '36px'
|
|
17
|
+
}
|
|
18
|
+
},
|
|
19
|
+
'& .SCRelatedEventsWidget-event-wrapper': {
|
|
20
|
+
gap: theme.spacing(2),
|
|
21
|
+
'& .SCRelatedEventsWidget-event': {
|
|
22
|
+
'& > div': {
|
|
23
|
+
padding: '0 !important',
|
|
24
|
+
'& > .SCBaseItem-content': {
|
|
25
|
+
'& > .SCBaseItem-text': {
|
|
26
|
+
margin: 0
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
},
|
|
33
|
+
'& .SCRelatedEventsWidget-actions': {
|
|
34
|
+
padding: `0 ${theme.spacing(2)} 15px`,
|
|
35
|
+
justifyContent: 'center',
|
|
36
|
+
'& .SCSuggestedEventsWidget-actionButton': {
|
|
37
|
+
color: theme.palette.primary.main
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
}),
|
|
41
|
+
skeletonRoot: ({ theme }) => ({
|
|
42
|
+
'& .SCRelatedEventsWidget-content': {
|
|
43
|
+
padding: `10px ${theme.spacing(2)} 12px`,
|
|
44
|
+
'& .SCRelatedEventsWidget-user': {
|
|
45
|
+
marginBottom: theme.spacing(2),
|
|
46
|
+
'& > .SCBaseItem-content': {
|
|
47
|
+
'& > .SCBaseItem-text': {
|
|
48
|
+
margin: 0
|
|
49
|
+
}
|
|
50
|
+
},
|
|
51
|
+
'& > .SCBaseItem-actions': {
|
|
52
|
+
display: 'none'
|
|
53
|
+
}
|
|
54
|
+
},
|
|
55
|
+
'& .SCRelatedEventsWidget-event-wrapper': {
|
|
56
|
+
gap: theme.spacing(2),
|
|
57
|
+
'& .SCRelatedEventsWidget-event': {
|
|
58
|
+
'& > div': {
|
|
59
|
+
padding: '0 !important',
|
|
60
|
+
'& > .SCBaseItem-content': {
|
|
61
|
+
'& > .SCBaseItem-text': {
|
|
62
|
+
margin: 0
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
},
|
|
69
|
+
'& .SCRelatedEventsWidget-actions': {
|
|
70
|
+
padding: `0 ${theme.spacing(2)} 15px`,
|
|
71
|
+
justifyContent: 'center'
|
|
72
|
+
}
|
|
73
|
+
}),
|
|
74
|
+
dialogRoot: ({ theme }) => ({
|
|
75
|
+
'& .SCRelatedEventsWidget-infinite-scroll': {
|
|
76
|
+
height: '400px',
|
|
77
|
+
[theme.breakpoints.down('md')]: {
|
|
78
|
+
height: '100%'
|
|
79
|
+
},
|
|
80
|
+
'& .SCEvent-root': {
|
|
81
|
+
width: '100%'
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
})
|
|
85
|
+
}
|
|
86
|
+
};
|
|
87
|
+
exports.default = Component;
|
|
@@ -37,19 +37,21 @@ declare const Component: {
|
|
|
37
37
|
};
|
|
38
38
|
};
|
|
39
39
|
};
|
|
40
|
-
'& .SCSuggestedEventsWidget-swiper-
|
|
40
|
+
'& .SCSuggestedEventsWidget-swiper-arrow': {
|
|
41
41
|
position: string;
|
|
42
42
|
top: string;
|
|
43
43
|
transform: string;
|
|
44
|
-
left: string;
|
|
45
44
|
zIndex: number;
|
|
45
|
+
paddingLeft: string;
|
|
46
|
+
paddingRight: string;
|
|
47
|
+
minWidth: string;
|
|
48
|
+
backgroundColor: any;
|
|
49
|
+
};
|
|
50
|
+
'& .SCSuggestedEventsWidget-swiper-prev-arrow': {
|
|
51
|
+
left: string;
|
|
46
52
|
};
|
|
47
53
|
'& .SCSuggestedEventsWidget-swiper-next-arrow': {
|
|
48
|
-
position: string;
|
|
49
|
-
top: string;
|
|
50
|
-
transform: string;
|
|
51
54
|
right: string;
|
|
52
|
-
zIndex: number;
|
|
53
55
|
};
|
|
54
56
|
};
|
|
55
57
|
};
|
|
@@ -13,7 +13,7 @@ const Component = {
|
|
|
13
13
|
'& .swiper-wrapper': {
|
|
14
14
|
paddingBottom: '1px',
|
|
15
15
|
'& .SCSuggestedEventsWidget-swiper-slide': {
|
|
16
|
-
width: '
|
|
16
|
+
width: '210px',
|
|
17
17
|
height: 'auto',
|
|
18
18
|
'& .SCSuggestedEventsWidget-event': {
|
|
19
19
|
'& .SCEventInfoDetails-root': {
|
|
@@ -37,19 +37,21 @@ const Component = {
|
|
|
37
37
|
}
|
|
38
38
|
}
|
|
39
39
|
},
|
|
40
|
-
'& .SCSuggestedEventsWidget-swiper-
|
|
40
|
+
'& .SCSuggestedEventsWidget-swiper-arrow': {
|
|
41
41
|
position: 'absolute',
|
|
42
42
|
top: '50%',
|
|
43
43
|
transform: 'translateY(-50%)',
|
|
44
|
-
|
|
45
|
-
|
|
44
|
+
zIndex: 1,
|
|
45
|
+
paddingLeft: '10px!important',
|
|
46
|
+
paddingRight: '10px!important',
|
|
47
|
+
minWidth: 'auto',
|
|
48
|
+
backgroundColor: theme.palette.grey[400]
|
|
49
|
+
},
|
|
50
|
+
'& .SCSuggestedEventsWidget-swiper-prev-arrow': {
|
|
51
|
+
left: '5px'
|
|
46
52
|
},
|
|
47
53
|
'& .SCSuggestedEventsWidget-swiper-next-arrow': {
|
|
48
|
-
|
|
49
|
-
top: '50%',
|
|
50
|
-
transform: 'translateY(-50%)',
|
|
51
|
-
right: '5px',
|
|
52
|
-
zIndex: 1
|
|
54
|
+
right: '5px'
|
|
53
55
|
}
|
|
54
56
|
}
|
|
55
57
|
},
|