Leahnaya/sendou.ink
1
0
Fork 0
mirror of https://github.com/Sendouc/sendou.ink.git synced 2026-08-19 17:53:06 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

Map planner special weapon ranges

Browse Source
This commit is contained in:
Kalle
2026-07-01 19:48:41 +03:00
parent 4c12adafd0
commit 0c5a55fcdf
11 changed files with 480 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
app/features/comp-analyzer/components/SpecialRangeVisualization.module.css Normal file
View File

@@ -0,0 +1,60 @@
.container {
display: flex;
flex-direction: column;
gap: var(--s-2);
}
.legend {
display: flex;
gap: var(--s-4);
font-size: var(--font-xs);
color: var(--color-text-high);
}
.legendItem {
display: flex;
align-items: center;
gap: var(--s-1-5);
}
.legendSwatch {
width: 12px;
height: 12px;
border-radius: 2px;
}
.row {
display: grid;
grid-template-columns: 32px 1fr 3rem;
align-items: center;
gap: var(--s-2);
}
.track {
position: relative;
height: 14px;
border-radius: var(--radius-field);
background: var(--color-bg-high);
overflow: hidden;
}
.bar {
position: absolute;
inset-block: 0;
inset-inline-start: 0;
border-radius: var(--radius-field);
}
.blast {
position: absolute;
inset-block: 0;
opacity: 0.4;
}
.range {
font-size: var(--font-xs);
font-weight: var(--weight-semi);
color: var(--color-text-high);
text-align: end;
font-variant-numeric: tabular-nums;
}