GlcoinCore/mempool
1
0
Fork 0
mirror of https://github.com/mempool/mempool.git synced 2026-08-17 13:07:07 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

center custom dashboard image

Browse source
This commit is contained in:
Mononaut 2025-10-06 09:03:14 +00:00
parent e2e992e477
commit a5d868f694
No known key found for this signature in database
GPG key ID: A3F058E41374C04E
1 changed files with 31 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

52
frontend/src/app/components/address-graph/address-graph.component.ts
View file

@ -512,38 +512,48 @@ export class AddressGraphComponent implements OnChanges, OnDestroy {
}
graphicElements() {
const graphicElements = [];
if (this.label) {
graphicElements.push({
type: 'text',
right: this.adjustedRight + 22 + 'px',
bottom: '36px',
z: 100,
silent: true,
style: {
fill: '#fff',
text: this.label,
font: '24px sans-serif'
}
});
}
const children = [];
if (this.image) {
graphicElements.push({
children.push({
type: 'image',
style: {
image: this.image,
width: 120,
height: 80,
},
right: this.adjustedRight + 22,
bottom: this.label ? 66 : 36,
left: 'center',
top: 0,
z: 100,
silent: true,
});
}
return graphicElements;
if (this.label) {
children.push({
type: 'text',
left: 'center',
top: this.image ? 90 : 0,
z: 100,
style: {
fill: '#fff',
text: this.label,
font: '24px sans-serif',
textAlign: 'center'
}
});
}
if (children.length) {
return [{
type: 'group',
right: this.adjustedRight + 22,
bottom: '36px',
z: 100,
silent: true,
children: children
}];
} else {
return [];
}
}
}