pulsating day now

This commit is contained in:
aurinex
2025-12-13 16:25:25 +05:00
parent 712ae70e2a
commit 9a0daa26ca

View File

@ -18,6 +18,23 @@ import CustomTooltip from '../components/Notifications/CustomTooltip';
import CoinsDisplay from '../components/CoinsDisplay';
import { claimDaily, fetchDailyStatus, DailyStatusResponse, fetchDailyClaimDays } from '../api';
const pulseGradient = {
'@keyframes pulseGlow': {
'0%': {
opacity: 0.35,
transform: 'scale(0.9)',
},
'50%': {
opacity: 0.7,
transform: 'scale(1.05)',
},
'100%': {
opacity: 0.35,
transform: 'scale(0.9)',
},
},
};
const RU_MONTHS = [
'Январь','Февраль','Март','Апрель','Май','Июнь',
'Июль','Август','Сентябрь','Октябрь','Ноябрь','Декабрь',
@ -349,10 +366,14 @@ export default function DailyReward({ onClaimed }: Props) {
{isToday && (
<Box
sx={{
...pulseGradient,
position: 'absolute',
inset: -20,
background: 'radial-gradient(circle at 50% 50%, rgba(233,64,205,0.22), transparent 55%)',
background:
'radial-gradient(circle at 50% 50%, rgba(233,64,205,0.35), transparent 55%)',
pointerEvents: 'none',
animation: 'pulseGlow 2.6s ease-in-out infinite',
willChange: 'transform, opacity',
}}
/>
)}