Layout improvements

This commit is contained in:
Marco van Dijk 2022-04-16 22:28:39 +02:00
parent 31550b1250
commit 584346951a
2 changed files with 31 additions and 8 deletions

View File

@ -57,14 +57,14 @@ const WinnerMonth = (obj) => {
if (thisAddr.name) {
return thisAddr.name;
} else {
return address;
return (address.substring(0, 10) + "..");
}
break;
}
}
}
return address;
return (address.substring(0, 10) + "..");
}
let pieList = [];
@ -77,7 +77,7 @@ const WinnerMonth = (obj) => {
otherSum += thisTicket.sum;
} else {
pieList.push({
address: getName(thisTicket.address).substring(0, 24),
address: getName(thisTicket.address),
sum: thisTicket.sum
});
}
@ -91,7 +91,30 @@ const WinnerMonth = (obj) => {
return (
<div className="stroke">
<div className="row">
<VictoryPie padding={100} data={pieList} x="address" y="sum" colorScale="qualitative" />
<VictoryPie padding={100} data={pieList} x="address" y="sum"
colorScale={[
"#003f5c",
"#2f4b7c",
"#665191",
"#ff7c43",
"#ffa600",
"#5c3446",
"#83424e",
"#a6544e",
"#c16d46",
"#d18d3c",
"#d3b136",
"#c5d843",
"#a3ff69",
]}
style={{
data: {
fillOpacity: 0.9, stroke: "#636363", strokeWidth: 2
},
labels: {
fontSize: 10, zIndex: 999
}
}} />
</div>
<div className="flexContainer forceWrap">
{

View File

@ -163,11 +163,11 @@ const Tickets = (obj) => {
styles={{
item: { padding: 0 },
itemOpened: { padding: 0 },
itemTitle: { padding: 0 },
itemTitle: { padding: 0, paddingTop: '1em', paddingBottom: '1em' },
control: { padding: 0 },
label: { padding: 0 },
icon: { padding: 0 },
content: { padding: 0 },
content: { padding: 0, paddingTop: '1em', paddingBottom: '1em' },
contentInner: { padding: 0 },
}}>
{