mirrors/uptime-kuma
1
0
Fork 1
mirror of https://github.com/louislam/uptime-kuma.git synced 2025-12-05 01:10:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: dynamically adjust beat border radius (#6432)

Browse Source
This commit is contained in:
Dorian Grasset
2025-11-28 11:02:29 +01:00
committed by GitHub
parent bd2eb30e09
commit 70329cc259
1 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/HeartbeatBar.vue
View File

@@ -85,7 +85,6 @@ export default {
tooltipTimeoutId: null,
// Canvas
hoveredBeatIndex: -1,
beatBorderRadius: 2.5,
};
},
computed: {
@@ -578,19 +577,22 @@ export default {
offsetY = centerY - height / 2;
}
// Calculate border radius based on current width (pill shape = half of width)
const borderRadius = width / 2;
// Get color based on beat status
let color = this.getBeatColor(beat, colors);
// Draw beat rectangle
ctx.fillStyle = color;
this.roundRect(ctx, offsetX, offsetY, width, height, this.beatBorderRadius);
this.roundRect(ctx, offsetX, offsetY, width, height, borderRadius);
ctx.fill();
// Apply hover opacity
if (isHovered && beat !== 0) {
ctx.globalAlpha = 0.8;
ctx.fillStyle = color;
this.roundRect(ctx, offsetX, offsetY, width, height, this.beatBorderRadius);
this.roundRect(ctx, offsetX, offsetY, width, height, borderRadius);
ctx.fill();
ctx.globalAlpha = 1;
}