Leahnaya/sendou.ink
1
0
Fork 0
mirror of https://github.com/Sendouc/sendou.ink.git synced 2026-09-28 06:10:01 -05:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Add kills/splatted by to track

Browse Source
This commit is contained in:
Kalle
2026-09-26 11:13:25 +03:00
parent c6219105d5
commit 37beaf66b4
27 changed files with 516 additions and 82 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
app/components/PlayerStatusTimeline.module.css
View File

@@ -22,7 +22,9 @@
}
.legendSwatchDead,
.legendSwatchSpecial {
.legendSwatchSpecial,
.legendSwatchKill,
.legendSwatchSplattedByPov {
width: 10px;
height: 10px;
border-radius: 2px;
@@ -36,6 +38,15 @@
background-color: var(--color-chart-special);
}
.legendSwatchKill {
width: 3px;
background-color: var(--color-chart-kill);
}
.legendSwatchSplattedByPov {
background-color: var(--color-chart-kill);
}
.team {
display: flex;
flex-direction: column;
@@ -61,13 +72,25 @@
padding-right: var(--s-2);
}
.track {
.trackArea {
position: relative;
flex: 1;
}
.track {
position: relative;
height: 14px;
overflow: hidden;
border-radius: var(--radius-selector);
background-color: var(--color-bg-higher);
&.trackPov {
background-color: color-mix(
in oklch,
var(--color-bg-higher) 75%,
var(--color-accent) 25%
);
}
}
.spanDead,
@@ -81,12 +104,27 @@
.spanDead {
background-color: var(--color-chart-splatted);
&.spanSplattedByPov {
background-color: var(--color-chart-kill);
}
}
.spanSpecial {
background-color: var(--color-chart-special);
}
.killTick {
position: absolute;
top: -3px;
bottom: -3px;
width: 3px;
transform: translateX(-50%);
border-radius: 2px;
background-color: var(--color-chart-kill);
box-shadow: 0 0 0 1px var(--color-bg-high);
}
.unknownWeapon {
opacity: 0.5;
}