mirror of
https://github.com/blitzkit/blitzkit.git
synced 2026-10-23 19:49:50 +02:00
fix: dynamic sizing
This commit is contained in:
1 parent
bdbfce0e18
commit
6d25a97fc8
2 files changed
+7
-9
No files matched your search
+1
-3
@@ -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
|
||||
|
||||
+6
-6
@@ -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 &&
|
||||
|
||||
Reference in new issue
Block a user