40 lines
1.4 KiB
Plaintext
40 lines
1.4 KiB
Plaintext
{loading && (
|
|
<div style={{
|
|
position: 'absolute', inset: 0,
|
|
display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center',
|
|
background:
|
|
'radial-gradient(ellipse at center, rgba(51,87,255,0.22) 0%, rgba(7,10,20,0.96) 60%)',
|
|
gap: 18, color: HUD.text,
|
|
}}>
|
|
<div style={{
|
|
position: 'relative',
|
|
animation: 'hudFloat 3s ease-in-out infinite',
|
|
}}>
|
|
<div style={{
|
|
position: 'absolute', inset: -10,
|
|
borderRadius: 20,
|
|
animation: 'hudPulseRing 1.6s ease-out infinite',
|
|
}} />
|
|
<RublocsLogo size={72} />
|
|
</div>
|
|
<div style={{
|
|
display: 'flex', alignItems: 'center', gap: 10,
|
|
fontSize: 15, fontWeight: 700, letterSpacing: 0.3,
|
|
}}>
|
|
<div style={{
|
|
width: 14, height: 14,
|
|
border: `2.5px solid ${HUD.accentBg}`,
|
|
borderTopColor: HUD.accent,
|
|
borderRadius: '50%',
|
|
animation: 'hudSpin 0.8s linear infinite',
|
|
}} />
|
|
Загрузка игры…
|
|
</div>
|
|
<div style={{
|
|
fontSize: 11, color: HUD.textDim,
|
|
textTransform: 'uppercase', letterSpacing: 1.4, fontWeight: 700,
|
|
}}>
|
|
Рублокс • 3D
|
|
</div>
|
|
</div>
|
|
)} |