@selfcommunity/react-theme-default 0.1.0-alpha.317 → 0.1.0-alpha.319
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/SCChangeCoverButton.d.ts +18 -0
- package/lib/cjs/components/SCChangeCoverButton.js +20 -0
- package/lib/cjs/components/SCUserProfileHeader.d.ts +16 -5
- package/lib/cjs/components/SCUserProfileHeader.js +29 -18
- package/lib/cjs/components/SCUserProfileTemplate.d.ts +4 -2
- package/lib/cjs/components/SCUserProfileTemplate.js +8 -6
- package/lib/cjs/index.d.ts +37 -7
- package/lib/cjs/index.js +3 -1
- package/lib/esm/components/SCChangeCoverButton.d.ts +18 -0
- package/lib/esm/components/SCChangeCoverButton.js +18 -0
- package/lib/esm/components/SCUserProfileHeader.d.ts +16 -5
- package/lib/esm/components/SCUserProfileHeader.js +29 -18
- package/lib/esm/components/SCUserProfileTemplate.d.ts +4 -2
- package/lib/esm/components/SCUserProfileTemplate.js +8 -6
- package/lib/esm/index.d.ts +37 -7
- package/lib/esm/index.js +3 -1
- package/lib/umd/react-theme-default.js +2 -2
- package/package.json +4 -4
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
declare const Component: {
|
|
2
|
+
styleOverrides: {
|
|
3
|
+
root: ({ theme }: any) => {
|
|
4
|
+
display: string;
|
|
5
|
+
alignItems: string;
|
|
6
|
+
flexWrap: string;
|
|
7
|
+
'& .MuiButtonBase-root': {
|
|
8
|
+
padding: number;
|
|
9
|
+
borderRadius: number;
|
|
10
|
+
minWidth: string;
|
|
11
|
+
};
|
|
12
|
+
'& .SCChangeCoverButton-help-popover': {
|
|
13
|
+
marginLeft: any;
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
export default Component;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const Component = {
|
|
4
|
+
styleOverrides: {
|
|
5
|
+
root: ({ theme }) => ({
|
|
6
|
+
display: 'flex',
|
|
7
|
+
alignItems: 'center',
|
|
8
|
+
flexWrap: 'wrap',
|
|
9
|
+
'& .MuiButtonBase-root': {
|
|
10
|
+
padding: 6,
|
|
11
|
+
borderRadius: 50,
|
|
12
|
+
minWidth: 'auto'
|
|
13
|
+
},
|
|
14
|
+
'& .SCChangeCoverButton-help-popover': {
|
|
15
|
+
marginLeft: theme.spacing(1)
|
|
16
|
+
}
|
|
17
|
+
})
|
|
18
|
+
}
|
|
19
|
+
};
|
|
20
|
+
exports.default = Component;
|
|
@@ -12,26 +12,31 @@ declare const Component: {
|
|
|
12
12
|
background: string;
|
|
13
13
|
boxShadow: string;
|
|
14
14
|
};
|
|
15
|
+
'& .SCUserProfileHeader-infops-section': {
|
|
16
|
+
display: string;
|
|
17
|
+
justifyContent: string;
|
|
18
|
+
};
|
|
15
19
|
'& .SCUserProfileHeader-avatar': {
|
|
16
20
|
height: any;
|
|
17
21
|
width: any;
|
|
18
22
|
top: number;
|
|
19
23
|
display: string;
|
|
20
24
|
position: string;
|
|
21
|
-
|
|
25
|
+
marginLeft: any;
|
|
22
26
|
borderRadius: string;
|
|
23
27
|
border: string;
|
|
24
28
|
objectFit: string;
|
|
25
29
|
};
|
|
26
30
|
'& .SCUserProfileHeader-change-picture': {
|
|
27
|
-
top:
|
|
31
|
+
top: number;
|
|
28
32
|
left: number;
|
|
29
33
|
position: string;
|
|
30
34
|
display: string;
|
|
31
|
-
|
|
35
|
+
marginLeft: any;
|
|
32
36
|
};
|
|
33
37
|
'& .SCUserProfileHeader-username': {
|
|
34
38
|
marginTop: number;
|
|
39
|
+
marginLeft: any;
|
|
35
40
|
fontWeight: any;
|
|
36
41
|
fontSize: string;
|
|
37
42
|
textAlign: string;
|
|
@@ -40,6 +45,8 @@ declare const Component: {
|
|
|
40
45
|
fontSize: string;
|
|
41
46
|
textAlign: string;
|
|
42
47
|
paddingBottom: any;
|
|
48
|
+
marginTop: any;
|
|
49
|
+
marginLeft: any;
|
|
43
50
|
};
|
|
44
51
|
'& .SCUserProfileHeader-change-cover': {
|
|
45
52
|
position: string;
|
|
@@ -50,17 +57,21 @@ declare const Component: {
|
|
|
50
57
|
skeletonRoot: ({ theme }: any) => {
|
|
51
58
|
position: string;
|
|
52
59
|
'& .SCUserProfileHeader-avatar': {
|
|
60
|
+
display: string;
|
|
53
61
|
position: string;
|
|
54
62
|
top: number;
|
|
55
|
-
|
|
63
|
+
marginLeft: any;
|
|
56
64
|
"& .MuiSkeleton-root": {
|
|
57
65
|
border: string;
|
|
58
|
-
margin: string;
|
|
59
66
|
};
|
|
60
67
|
};
|
|
61
68
|
'& .SCUserProfileHeader-username': {
|
|
62
69
|
marginTop: number;
|
|
63
70
|
textAlign: string;
|
|
71
|
+
"& .MuiSkeleton-root": {
|
|
72
|
+
position: string;
|
|
73
|
+
marginLeft: any;
|
|
74
|
+
};
|
|
64
75
|
};
|
|
65
76
|
};
|
|
66
77
|
};
|
|
@@ -14,34 +14,41 @@ const Component = {
|
|
|
14
14
|
borderRadius: theme.shape.borderRadius
|
|
15
15
|
}
|
|
16
16
|
},
|
|
17
|
+
'& .SCUserProfileHeader-infops-section': {
|
|
18
|
+
display: 'flex',
|
|
19
|
+
justifyContent: 'space-between'
|
|
20
|
+
},
|
|
17
21
|
'& .SCUserProfileHeader-avatar': {
|
|
18
|
-
height: theme.selfcommunity.user.avatar.
|
|
19
|
-
width: theme.selfcommunity.user.avatar.
|
|
20
|
-
top: 250 - 0.5 * theme.selfcommunity.user.avatar.
|
|
22
|
+
height: theme.selfcommunity.user.avatar.sizeLarge,
|
|
23
|
+
width: theme.selfcommunity.user.avatar.sizeLarge,
|
|
24
|
+
top: 250 - 0.5 * theme.selfcommunity.user.avatar.sizeLarge,
|
|
21
25
|
display: 'block',
|
|
22
|
-
position: '
|
|
23
|
-
|
|
26
|
+
position: 'absolute',
|
|
27
|
+
marginLeft: theme.spacing(2),
|
|
24
28
|
borderRadius: '50%',
|
|
25
29
|
border: `#FFF solid ${theme.spacing(0.5)}`,
|
|
26
30
|
objectFit: 'cover'
|
|
27
31
|
},
|
|
28
32
|
'& .SCUserProfileHeader-change-picture': {
|
|
29
|
-
top: theme.selfcommunity.user.avatar.
|
|
30
|
-
left:
|
|
33
|
+
top: 270 - 0.5 * theme.selfcommunity.user.avatar.sizeLarge,
|
|
34
|
+
left: theme.selfcommunity.user.avatar.sizeLarge - 10,
|
|
31
35
|
position: 'relative',
|
|
32
36
|
display: 'flex',
|
|
33
|
-
|
|
37
|
+
marginLeft: theme.spacing(2)
|
|
34
38
|
},
|
|
35
39
|
'& .SCUserProfileHeader-username': {
|
|
36
|
-
marginTop: 0.5 * theme.selfcommunity.user.avatar.
|
|
40
|
+
marginTop: 0.5 * theme.selfcommunity.user.avatar.sizeLarge + 16,
|
|
41
|
+
marginLeft: theme.spacing(2),
|
|
37
42
|
fontWeight: theme.typography.fontWeightBold,
|
|
38
43
|
fontSize: '1.429rem',
|
|
39
|
-
textAlign: '
|
|
44
|
+
textAlign: 'start'
|
|
40
45
|
},
|
|
41
46
|
'& .SCUserProfileHeader-realname': {
|
|
42
47
|
fontSize: '1rem',
|
|
43
|
-
textAlign: '
|
|
44
|
-
paddingBottom: theme.spacing()
|
|
48
|
+
textAlign: 'start',
|
|
49
|
+
paddingBottom: theme.spacing(),
|
|
50
|
+
marginTop: theme.spacing(1),
|
|
51
|
+
marginLeft: theme.spacing(2)
|
|
45
52
|
},
|
|
46
53
|
'& .SCUserProfileHeader-change-cover': {
|
|
47
54
|
position: 'absolute',
|
|
@@ -52,17 +59,21 @@ const Component = {
|
|
|
52
59
|
skeletonRoot: ({ theme }) => ({
|
|
53
60
|
position: 'relative',
|
|
54
61
|
'& .SCUserProfileHeader-avatar': {
|
|
62
|
+
display: 'block',
|
|
55
63
|
position: 'absolute',
|
|
56
|
-
top:
|
|
57
|
-
|
|
64
|
+
top: 270,
|
|
65
|
+
marginLeft: theme.spacing(4),
|
|
58
66
|
[`& .MuiSkeleton-root`]: {
|
|
59
|
-
border: '#FFF solid 5px'
|
|
60
|
-
margin: '0 auto'
|
|
67
|
+
border: '#FFF solid 5px'
|
|
61
68
|
}
|
|
62
69
|
},
|
|
63
70
|
'& .SCUserProfileHeader-username': {
|
|
64
|
-
marginTop:
|
|
65
|
-
textAlign: '
|
|
71
|
+
marginTop: 100,
|
|
72
|
+
textAlign: 'start',
|
|
73
|
+
[`& .MuiSkeleton-root`]: {
|
|
74
|
+
position: 'absolute',
|
|
75
|
+
marginLeft: theme.spacing(4)
|
|
76
|
+
}
|
|
66
77
|
}
|
|
67
78
|
})
|
|
68
79
|
}
|
|
@@ -7,10 +7,11 @@ declare const Component: {
|
|
|
7
7
|
marginTop: number;
|
|
8
8
|
'& .SCUserProfileTemplate-tags': {
|
|
9
9
|
marginTop: any;
|
|
10
|
+
marginLeft: any;
|
|
10
11
|
justifyContent: string;
|
|
11
12
|
};
|
|
12
13
|
'& .SCUserProfileTemplate-counters': {
|
|
13
|
-
|
|
14
|
+
marginLeft: any;
|
|
14
15
|
justifyContent: string;
|
|
15
16
|
display: string;
|
|
16
17
|
alignItems: string;
|
|
@@ -18,6 +19,7 @@ declare const Component: {
|
|
|
18
19
|
};
|
|
19
20
|
'& .SCUserProfileTemplate-info': {
|
|
20
21
|
marginTop: any;
|
|
22
|
+
marginLeft: any;
|
|
21
23
|
textAlign: string;
|
|
22
24
|
};
|
|
23
25
|
'& .SCUserProfileTemplate-feed': {
|
|
@@ -25,7 +27,7 @@ declare const Component: {
|
|
|
25
27
|
};
|
|
26
28
|
'& .SCUserProfileTemplate-actions': {
|
|
27
29
|
margin: any;
|
|
28
|
-
|
|
30
|
+
height: string;
|
|
29
31
|
};
|
|
30
32
|
};
|
|
31
33
|
skeletonRoot: ({ theme }: any) => {
|
|
@@ -8,26 +8,28 @@ const Component = {
|
|
|
8
8
|
marginTop: theme.spacing(4)
|
|
9
9
|
},
|
|
10
10
|
'& .SCUserProfileTemplate-tags': {
|
|
11
|
-
marginTop: theme.spacing(
|
|
12
|
-
|
|
11
|
+
marginTop: theme.spacing(2),
|
|
12
|
+
marginLeft: theme.spacing(2),
|
|
13
|
+
justifyContent: 'start'
|
|
13
14
|
},
|
|
14
15
|
'& .SCUserProfileTemplate-counters': {
|
|
15
|
-
|
|
16
|
-
justifyContent: '
|
|
16
|
+
marginLeft: theme.spacing(1.25),
|
|
17
|
+
justifyContent: 'start',
|
|
17
18
|
display: 'flex',
|
|
18
19
|
alignItems: 'center',
|
|
19
20
|
flexWrap: 'wrap'
|
|
20
21
|
},
|
|
21
22
|
'& .SCUserProfileTemplate-info': {
|
|
22
23
|
marginTop: theme.spacing(1),
|
|
23
|
-
|
|
24
|
+
marginLeft: theme.spacing(2),
|
|
25
|
+
textAlign: 'start'
|
|
24
26
|
},
|
|
25
27
|
'& .SCUserProfileTemplate-feed': {
|
|
26
28
|
marginTop: theme.spacing(2)
|
|
27
29
|
},
|
|
28
30
|
'& .SCUserProfileTemplate-actions': {
|
|
29
31
|
margin: theme.spacing(1, 2, 2, 2),
|
|
30
|
-
|
|
32
|
+
height: 'fit-content'
|
|
31
33
|
}
|
|
32
34
|
}),
|
|
33
35
|
skeletonRoot: ({ theme }) => ({
|
package/lib/cjs/index.d.ts
CHANGED
|
@@ -4122,26 +4122,31 @@ declare const theme: {
|
|
|
4122
4122
|
background: string;
|
|
4123
4123
|
boxShadow: string;
|
|
4124
4124
|
};
|
|
4125
|
+
'& .SCUserProfileHeader-infops-section': {
|
|
4126
|
+
display: string;
|
|
4127
|
+
justifyContent: string;
|
|
4128
|
+
};
|
|
4125
4129
|
'& .SCUserProfileHeader-avatar': {
|
|
4126
4130
|
height: any;
|
|
4127
4131
|
width: any;
|
|
4128
4132
|
top: number;
|
|
4129
4133
|
display: string;
|
|
4130
4134
|
position: string;
|
|
4131
|
-
|
|
4135
|
+
marginLeft: any;
|
|
4132
4136
|
borderRadius: string;
|
|
4133
4137
|
border: string;
|
|
4134
4138
|
objectFit: string;
|
|
4135
4139
|
};
|
|
4136
4140
|
'& .SCUserProfileHeader-change-picture': {
|
|
4137
|
-
top:
|
|
4141
|
+
top: number;
|
|
4138
4142
|
left: number;
|
|
4139
4143
|
position: string;
|
|
4140
4144
|
display: string;
|
|
4141
|
-
|
|
4145
|
+
marginLeft: any;
|
|
4142
4146
|
};
|
|
4143
4147
|
'& .SCUserProfileHeader-username': {
|
|
4144
4148
|
marginTop: number;
|
|
4149
|
+
marginLeft: any;
|
|
4145
4150
|
fontWeight: any;
|
|
4146
4151
|
fontSize: string;
|
|
4147
4152
|
textAlign: string;
|
|
@@ -4150,6 +4155,8 @@ declare const theme: {
|
|
|
4150
4155
|
fontSize: string;
|
|
4151
4156
|
textAlign: string;
|
|
4152
4157
|
paddingBottom: any;
|
|
4158
|
+
marginTop: any;
|
|
4159
|
+
marginLeft: any;
|
|
4153
4160
|
};
|
|
4154
4161
|
'& .SCUserProfileHeader-change-cover': {
|
|
4155
4162
|
position: string;
|
|
@@ -4160,17 +4167,21 @@ declare const theme: {
|
|
|
4160
4167
|
skeletonRoot: ({ theme }: any) => {
|
|
4161
4168
|
position: string;
|
|
4162
4169
|
'& .SCUserProfileHeader-avatar': {
|
|
4170
|
+
display: string;
|
|
4163
4171
|
position: string;
|
|
4164
4172
|
top: number;
|
|
4165
|
-
|
|
4173
|
+
marginLeft: any;
|
|
4166
4174
|
"& .MuiSkeleton-root": {
|
|
4167
4175
|
border: string;
|
|
4168
|
-
margin: string;
|
|
4169
4176
|
};
|
|
4170
4177
|
};
|
|
4171
4178
|
'& .SCUserProfileHeader-username': {
|
|
4172
4179
|
marginTop: number;
|
|
4173
4180
|
textAlign: string;
|
|
4181
|
+
"& .MuiSkeleton-root": {
|
|
4182
|
+
position: string;
|
|
4183
|
+
marginLeft: any;
|
|
4184
|
+
};
|
|
4174
4185
|
};
|
|
4175
4186
|
};
|
|
4176
4187
|
};
|
|
@@ -4253,10 +4264,11 @@ declare const theme: {
|
|
|
4253
4264
|
marginTop: number;
|
|
4254
4265
|
'& .SCUserProfileTemplate-tags': {
|
|
4255
4266
|
marginTop: any;
|
|
4267
|
+
marginLeft: any;
|
|
4256
4268
|
justifyContent: string;
|
|
4257
4269
|
};
|
|
4258
4270
|
'& .SCUserProfileTemplate-counters': {
|
|
4259
|
-
|
|
4271
|
+
marginLeft: any;
|
|
4260
4272
|
justifyContent: string;
|
|
4261
4273
|
display: string;
|
|
4262
4274
|
alignItems: string;
|
|
@@ -4264,6 +4276,7 @@ declare const theme: {
|
|
|
4264
4276
|
};
|
|
4265
4277
|
'& .SCUserProfileTemplate-info': {
|
|
4266
4278
|
marginTop: any;
|
|
4279
|
+
marginLeft: any;
|
|
4267
4280
|
textAlign: string;
|
|
4268
4281
|
};
|
|
4269
4282
|
'& .SCUserProfileTemplate-feed': {
|
|
@@ -4271,7 +4284,7 @@ declare const theme: {
|
|
|
4271
4284
|
};
|
|
4272
4285
|
'& .SCUserProfileTemplate-actions': {
|
|
4273
4286
|
margin: any;
|
|
4274
|
-
|
|
4287
|
+
height: string;
|
|
4275
4288
|
};
|
|
4276
4289
|
};
|
|
4277
4290
|
skeletonRoot: ({ theme }: any) => {
|
|
@@ -5415,6 +5428,23 @@ declare const theme: {
|
|
|
5415
5428
|
};
|
|
5416
5429
|
};
|
|
5417
5430
|
};
|
|
5431
|
+
SCChangeCoverButton: {
|
|
5432
|
+
styleOverrides: {
|
|
5433
|
+
root: ({ theme }: any) => {
|
|
5434
|
+
display: string;
|
|
5435
|
+
alignItems: string;
|
|
5436
|
+
flexWrap: string;
|
|
5437
|
+
'& .MuiButtonBase-root': {
|
|
5438
|
+
padding: number;
|
|
5439
|
+
borderRadius: number;
|
|
5440
|
+
minWidth: string;
|
|
5441
|
+
};
|
|
5442
|
+
'& .SCChangeCoverButton-help-popover': {
|
|
5443
|
+
marginLeft: any;
|
|
5444
|
+
};
|
|
5445
|
+
};
|
|
5446
|
+
};
|
|
5447
|
+
};
|
|
5418
5448
|
};
|
|
5419
5449
|
selfcommunity: {
|
|
5420
5450
|
user: {
|
package/lib/cjs/index.js
CHANGED
|
@@ -116,6 +116,7 @@ const SCExploreFeedTemplate_1 = tslib_1.__importDefault(require("./components/SC
|
|
|
116
116
|
const SCMainFeedTemplate_1 = tslib_1.__importDefault(require("./components/SCMainFeedTemplate"));
|
|
117
117
|
const SCNotificationFeedTemplate_1 = tslib_1.__importDefault(require("./components/SCNotificationFeedTemplate"));
|
|
118
118
|
const SCUserFeedTemplate_1 = tslib_1.__importDefault(require("./components/SCUserFeedTemplate"));
|
|
119
|
+
const SCChangeCoverButton_1 = tslib_1.__importDefault(require("./components/SCChangeCoverButton"));
|
|
119
120
|
/**
|
|
120
121
|
* Style fragments - Imports - End
|
|
121
122
|
*/
|
|
@@ -273,7 +274,8 @@ const theme = {
|
|
|
273
274
|
SCExploreFeedTemplate: SCExploreFeedTemplate_1.default,
|
|
274
275
|
SCMainFeedTemplate: SCMainFeedTemplate_1.default,
|
|
275
276
|
SCNotificationFeedTemplate: SCNotificationFeedTemplate_1.default,
|
|
276
|
-
SCUserFeedTemplate: SCUserFeedTemplate_1.default
|
|
277
|
+
SCUserFeedTemplate: SCUserFeedTemplate_1.default,
|
|
278
|
+
SCChangeCoverButton: SCChangeCoverButton_1.default
|
|
277
279
|
},
|
|
278
280
|
selfcommunity: {
|
|
279
281
|
user: {
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
declare const Component: {
|
|
2
|
+
styleOverrides: {
|
|
3
|
+
root: ({ theme }: any) => {
|
|
4
|
+
display: string;
|
|
5
|
+
alignItems: string;
|
|
6
|
+
flexWrap: string;
|
|
7
|
+
'& .MuiButtonBase-root': {
|
|
8
|
+
padding: number;
|
|
9
|
+
borderRadius: number;
|
|
10
|
+
minWidth: string;
|
|
11
|
+
};
|
|
12
|
+
'& .SCChangeCoverButton-help-popover': {
|
|
13
|
+
marginLeft: any;
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
export default Component;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
const Component = {
|
|
2
|
+
styleOverrides: {
|
|
3
|
+
root: ({ theme }) => ({
|
|
4
|
+
display: 'flex',
|
|
5
|
+
alignItems: 'center',
|
|
6
|
+
flexWrap: 'wrap',
|
|
7
|
+
'& .MuiButtonBase-root': {
|
|
8
|
+
padding: 6,
|
|
9
|
+
borderRadius: 50,
|
|
10
|
+
minWidth: 'auto'
|
|
11
|
+
},
|
|
12
|
+
'& .SCChangeCoverButton-help-popover': {
|
|
13
|
+
marginLeft: theme.spacing(1)
|
|
14
|
+
}
|
|
15
|
+
})
|
|
16
|
+
}
|
|
17
|
+
};
|
|
18
|
+
export default Component;
|
|
@@ -12,26 +12,31 @@ declare const Component: {
|
|
|
12
12
|
background: string;
|
|
13
13
|
boxShadow: string;
|
|
14
14
|
};
|
|
15
|
+
'& .SCUserProfileHeader-infops-section': {
|
|
16
|
+
display: string;
|
|
17
|
+
justifyContent: string;
|
|
18
|
+
};
|
|
15
19
|
'& .SCUserProfileHeader-avatar': {
|
|
16
20
|
height: any;
|
|
17
21
|
width: any;
|
|
18
22
|
top: number;
|
|
19
23
|
display: string;
|
|
20
24
|
position: string;
|
|
21
|
-
|
|
25
|
+
marginLeft: any;
|
|
22
26
|
borderRadius: string;
|
|
23
27
|
border: string;
|
|
24
28
|
objectFit: string;
|
|
25
29
|
};
|
|
26
30
|
'& .SCUserProfileHeader-change-picture': {
|
|
27
|
-
top:
|
|
31
|
+
top: number;
|
|
28
32
|
left: number;
|
|
29
33
|
position: string;
|
|
30
34
|
display: string;
|
|
31
|
-
|
|
35
|
+
marginLeft: any;
|
|
32
36
|
};
|
|
33
37
|
'& .SCUserProfileHeader-username': {
|
|
34
38
|
marginTop: number;
|
|
39
|
+
marginLeft: any;
|
|
35
40
|
fontWeight: any;
|
|
36
41
|
fontSize: string;
|
|
37
42
|
textAlign: string;
|
|
@@ -40,6 +45,8 @@ declare const Component: {
|
|
|
40
45
|
fontSize: string;
|
|
41
46
|
textAlign: string;
|
|
42
47
|
paddingBottom: any;
|
|
48
|
+
marginTop: any;
|
|
49
|
+
marginLeft: any;
|
|
43
50
|
};
|
|
44
51
|
'& .SCUserProfileHeader-change-cover': {
|
|
45
52
|
position: string;
|
|
@@ -50,17 +57,21 @@ declare const Component: {
|
|
|
50
57
|
skeletonRoot: ({ theme }: any) => {
|
|
51
58
|
position: string;
|
|
52
59
|
'& .SCUserProfileHeader-avatar': {
|
|
60
|
+
display: string;
|
|
53
61
|
position: string;
|
|
54
62
|
top: number;
|
|
55
|
-
|
|
63
|
+
marginLeft: any;
|
|
56
64
|
"& .MuiSkeleton-root": {
|
|
57
65
|
border: string;
|
|
58
|
-
margin: string;
|
|
59
66
|
};
|
|
60
67
|
};
|
|
61
68
|
'& .SCUserProfileHeader-username': {
|
|
62
69
|
marginTop: number;
|
|
63
70
|
textAlign: string;
|
|
71
|
+
"& .MuiSkeleton-root": {
|
|
72
|
+
position: string;
|
|
73
|
+
marginLeft: any;
|
|
74
|
+
};
|
|
64
75
|
};
|
|
65
76
|
};
|
|
66
77
|
};
|
|
@@ -12,34 +12,41 @@ const Component = {
|
|
|
12
12
|
borderRadius: theme.shape.borderRadius
|
|
13
13
|
}
|
|
14
14
|
},
|
|
15
|
+
'& .SCUserProfileHeader-infops-section': {
|
|
16
|
+
display: 'flex',
|
|
17
|
+
justifyContent: 'space-between'
|
|
18
|
+
},
|
|
15
19
|
'& .SCUserProfileHeader-avatar': {
|
|
16
|
-
height: theme.selfcommunity.user.avatar.
|
|
17
|
-
width: theme.selfcommunity.user.avatar.
|
|
18
|
-
top: 250 - 0.5 * theme.selfcommunity.user.avatar.
|
|
20
|
+
height: theme.selfcommunity.user.avatar.sizeLarge,
|
|
21
|
+
width: theme.selfcommunity.user.avatar.sizeLarge,
|
|
22
|
+
top: 250 - 0.5 * theme.selfcommunity.user.avatar.sizeLarge,
|
|
19
23
|
display: 'block',
|
|
20
|
-
position: '
|
|
21
|
-
|
|
24
|
+
position: 'absolute',
|
|
25
|
+
marginLeft: theme.spacing(2),
|
|
22
26
|
borderRadius: '50%',
|
|
23
27
|
border: `#FFF solid ${theme.spacing(0.5)}`,
|
|
24
28
|
objectFit: 'cover'
|
|
25
29
|
},
|
|
26
30
|
'& .SCUserProfileHeader-change-picture': {
|
|
27
|
-
top: theme.selfcommunity.user.avatar.
|
|
28
|
-
left:
|
|
31
|
+
top: 270 - 0.5 * theme.selfcommunity.user.avatar.sizeLarge,
|
|
32
|
+
left: theme.selfcommunity.user.avatar.sizeLarge - 10,
|
|
29
33
|
position: 'relative',
|
|
30
34
|
display: 'flex',
|
|
31
|
-
|
|
35
|
+
marginLeft: theme.spacing(2)
|
|
32
36
|
},
|
|
33
37
|
'& .SCUserProfileHeader-username': {
|
|
34
|
-
marginTop: 0.5 * theme.selfcommunity.user.avatar.
|
|
38
|
+
marginTop: 0.5 * theme.selfcommunity.user.avatar.sizeLarge + 16,
|
|
39
|
+
marginLeft: theme.spacing(2),
|
|
35
40
|
fontWeight: theme.typography.fontWeightBold,
|
|
36
41
|
fontSize: '1.429rem',
|
|
37
|
-
textAlign: '
|
|
42
|
+
textAlign: 'start'
|
|
38
43
|
},
|
|
39
44
|
'& .SCUserProfileHeader-realname': {
|
|
40
45
|
fontSize: '1rem',
|
|
41
|
-
textAlign: '
|
|
42
|
-
paddingBottom: theme.spacing()
|
|
46
|
+
textAlign: 'start',
|
|
47
|
+
paddingBottom: theme.spacing(),
|
|
48
|
+
marginTop: theme.spacing(1),
|
|
49
|
+
marginLeft: theme.spacing(2)
|
|
43
50
|
},
|
|
44
51
|
'& .SCUserProfileHeader-change-cover': {
|
|
45
52
|
position: 'absolute',
|
|
@@ -50,17 +57,21 @@ const Component = {
|
|
|
50
57
|
skeletonRoot: ({ theme }) => ({
|
|
51
58
|
position: 'relative',
|
|
52
59
|
'& .SCUserProfileHeader-avatar': {
|
|
60
|
+
display: 'block',
|
|
53
61
|
position: 'absolute',
|
|
54
|
-
top:
|
|
55
|
-
|
|
62
|
+
top: 270,
|
|
63
|
+
marginLeft: theme.spacing(4),
|
|
56
64
|
[`& .MuiSkeleton-root`]: {
|
|
57
|
-
border: '#FFF solid 5px'
|
|
58
|
-
margin: '0 auto'
|
|
65
|
+
border: '#FFF solid 5px'
|
|
59
66
|
}
|
|
60
67
|
},
|
|
61
68
|
'& .SCUserProfileHeader-username': {
|
|
62
|
-
marginTop:
|
|
63
|
-
textAlign: '
|
|
69
|
+
marginTop: 100,
|
|
70
|
+
textAlign: 'start',
|
|
71
|
+
[`& .MuiSkeleton-root`]: {
|
|
72
|
+
position: 'absolute',
|
|
73
|
+
marginLeft: theme.spacing(4)
|
|
74
|
+
}
|
|
64
75
|
}
|
|
65
76
|
})
|
|
66
77
|
}
|
|
@@ -7,10 +7,11 @@ declare const Component: {
|
|
|
7
7
|
marginTop: number;
|
|
8
8
|
'& .SCUserProfileTemplate-tags': {
|
|
9
9
|
marginTop: any;
|
|
10
|
+
marginLeft: any;
|
|
10
11
|
justifyContent: string;
|
|
11
12
|
};
|
|
12
13
|
'& .SCUserProfileTemplate-counters': {
|
|
13
|
-
|
|
14
|
+
marginLeft: any;
|
|
14
15
|
justifyContent: string;
|
|
15
16
|
display: string;
|
|
16
17
|
alignItems: string;
|
|
@@ -18,6 +19,7 @@ declare const Component: {
|
|
|
18
19
|
};
|
|
19
20
|
'& .SCUserProfileTemplate-info': {
|
|
20
21
|
marginTop: any;
|
|
22
|
+
marginLeft: any;
|
|
21
23
|
textAlign: string;
|
|
22
24
|
};
|
|
23
25
|
'& .SCUserProfileTemplate-feed': {
|
|
@@ -25,7 +27,7 @@ declare const Component: {
|
|
|
25
27
|
};
|
|
26
28
|
'& .SCUserProfileTemplate-actions': {
|
|
27
29
|
margin: any;
|
|
28
|
-
|
|
30
|
+
height: string;
|
|
29
31
|
};
|
|
30
32
|
};
|
|
31
33
|
skeletonRoot: ({ theme }: any) => {
|
|
@@ -6,26 +6,28 @@ const Component = {
|
|
|
6
6
|
marginTop: theme.spacing(4)
|
|
7
7
|
},
|
|
8
8
|
'& .SCUserProfileTemplate-tags': {
|
|
9
|
-
marginTop: theme.spacing(
|
|
10
|
-
|
|
9
|
+
marginTop: theme.spacing(2),
|
|
10
|
+
marginLeft: theme.spacing(2),
|
|
11
|
+
justifyContent: 'start'
|
|
11
12
|
},
|
|
12
13
|
'& .SCUserProfileTemplate-counters': {
|
|
13
|
-
|
|
14
|
-
justifyContent: '
|
|
14
|
+
marginLeft: theme.spacing(1.25),
|
|
15
|
+
justifyContent: 'start',
|
|
15
16
|
display: 'flex',
|
|
16
17
|
alignItems: 'center',
|
|
17
18
|
flexWrap: 'wrap'
|
|
18
19
|
},
|
|
19
20
|
'& .SCUserProfileTemplate-info': {
|
|
20
21
|
marginTop: theme.spacing(1),
|
|
21
|
-
|
|
22
|
+
marginLeft: theme.spacing(2),
|
|
23
|
+
textAlign: 'start'
|
|
22
24
|
},
|
|
23
25
|
'& .SCUserProfileTemplate-feed': {
|
|
24
26
|
marginTop: theme.spacing(2)
|
|
25
27
|
},
|
|
26
28
|
'& .SCUserProfileTemplate-actions': {
|
|
27
29
|
margin: theme.spacing(1, 2, 2, 2),
|
|
28
|
-
|
|
30
|
+
height: 'fit-content'
|
|
29
31
|
}
|
|
30
32
|
}),
|
|
31
33
|
skeletonRoot: ({ theme }) => ({
|