fix: dynamic sizing

This commit is contained in:
TrèsAbhi committed 2025-08-22 12:23:57 -05:00
1 parent bdbfce0e18
commit 6d25a97fc8
2 files changed
+7 -9

No files matched your search

@@ -40,7 +40,7 @@ export function Shell({ index, stats }: ShellProps & StatsAcceptorProps) {
<Box
left="50%"
position="absolute"
ml="calc(25% + 2.5rem)"
ml="40%"
width="1.25rem"
height="1.25rem"
style={{
@@ -70,11 +70,9 @@ export function Shell({ index, stats }: ShellProps & StatsAcceptorProps) {
overflow: 'hidden',
maskImage:
'url(/assets/images/tankopedia/visualizers/reload/shell.png)',
// maskComposite: 'exclude',
maskSize: 'contain',
maskRepeat: 'no-repeat',
maskPosition: 'center',
// background: 'red',
}}
>
<Box
@@ -163,8 +163,8 @@ export function ReloadVisualizer({ stats }: StatsAcceptorProps) {
position="absolute"
top="50%"
left="50%"
width="12rem"
height="12rem"
width="65%"
height="65%"
className="reload"
ref={reloadGlow}
style={{
@@ -179,8 +179,8 @@ export function ReloadVisualizer({ stats }: StatsAcceptorProps) {
position="absolute"
top="50%"
left="50%"
width="12rem"
height="12rem"
width="65%"
height="65%"
className="reload"
ref={reloadCircle}
style={{
@@ -242,7 +242,7 @@ export function ReloadVisualizer({ stats }: StatsAcceptorProps) {
transform: 'translateX(50%)',
}}
>
6.9s
0.00
</Code>
<Code
ref={totalTime}
@@ -257,7 +257,7 @@ export function ReloadVisualizer({ stats }: StatsAcceptorProps) {
transform: 'translateX(-50%)',
}}
>
10.0s
0.00
</Code>
{stats.shells > 1 &&