heroes-of-chess-components 0.6.36 → 0.6.38
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.
|
@@ -116,19 +116,21 @@ const HRaceTable: React.FC<HRaceTableProps> = ({ data, points }) => {
|
|
|
116
116
|
direction={isMobile ? "column" : "row"}
|
|
117
117
|
justify="center"
|
|
118
118
|
align="center"
|
|
119
|
+
gap="15px"
|
|
119
120
|
>
|
|
120
|
-
<
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
121
|
+
<div style={{ maxWidth: "1200px", width: "100%" }}>
|
|
122
|
+
<HBox
|
|
123
|
+
borderRadius="23px"
|
|
124
|
+
width="100%"
|
|
125
|
+
direction="column"
|
|
126
|
+
background={"purpleLight"}
|
|
127
|
+
overflowY="auto"
|
|
128
|
+
justify="flex-start"
|
|
129
|
+
align="flex-start"
|
|
130
|
+
padding="25px 10px 10px 10px"
|
|
131
|
+
margin="0 0px 10px 0"
|
|
132
|
+
gap="0"
|
|
133
|
+
>
|
|
132
134
|
{data?.map((point, index) => (
|
|
133
135
|
<HBox
|
|
134
136
|
borderRadius="23px"
|
|
@@ -167,8 +169,13 @@ const HRaceTable: React.FC<HRaceTableProps> = ({ data, points }) => {
|
|
|
167
169
|
width="88%"
|
|
168
170
|
height="60px"
|
|
169
171
|
>
|
|
172
|
+
<CharacterImage
|
|
173
|
+
src={setCharacterPicture(getPlayerProfileInfo(point) || {}).picture}
|
|
174
|
+
margin="0 10px 0 10px"
|
|
175
|
+
style={{ width: "50px", height: "50px" }}
|
|
176
|
+
/>
|
|
170
177
|
<HTitle
|
|
171
|
-
padding={"1em"}
|
|
178
|
+
padding={"0 1em"}
|
|
172
179
|
text={getPlayerName(point)}
|
|
173
180
|
color={"purpleMedium"}
|
|
174
181
|
margin="0"
|
|
@@ -206,7 +213,8 @@ const HRaceTable: React.FC<HRaceTableProps> = ({ data, points }) => {
|
|
|
206
213
|
</HBox>
|
|
207
214
|
</HBox>
|
|
208
215
|
))}
|
|
209
|
-
|
|
216
|
+
</HBox>
|
|
217
|
+
</div>
|
|
210
218
|
{/* PODIO */}
|
|
211
219
|
<div style={{ alignSelf: isMobile ? "center" : "flex-start", marginTop: "50px", width: "40%" }}>
|
|
212
220
|
<HBox
|