pulsating day now
This commit is contained in:
@ -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',
|
||||
}}
|
||||
/>
|
||||
)}
|
||||
|
||||
Reference in New Issue
Block a user