pulsating day now
This commit is contained in:
@ -18,6 +18,23 @@ import CustomTooltip from '../components/Notifications/CustomTooltip';
|
|||||||
import CoinsDisplay from '../components/CoinsDisplay';
|
import CoinsDisplay from '../components/CoinsDisplay';
|
||||||
import { claimDaily, fetchDailyStatus, DailyStatusResponse, fetchDailyClaimDays } from '../api';
|
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 = [
|
const RU_MONTHS = [
|
||||||
'Январь','Февраль','Март','Апрель','Май','Июнь',
|
'Январь','Февраль','Март','Апрель','Май','Июнь',
|
||||||
'Июль','Август','Сентябрь','Октябрь','Ноябрь','Декабрь',
|
'Июль','Август','Сентябрь','Октябрь','Ноябрь','Декабрь',
|
||||||
@ -349,10 +366,14 @@ export default function DailyReward({ onClaimed }: Props) {
|
|||||||
{isToday && (
|
{isToday && (
|
||||||
<Box
|
<Box
|
||||||
sx={{
|
sx={{
|
||||||
|
...pulseGradient,
|
||||||
position: 'absolute',
|
position: 'absolute',
|
||||||
inset: -20,
|
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',
|
pointerEvents: 'none',
|
||||||
|
animation: 'pulseGlow 2.6s ease-in-out infinite',
|
||||||
|
willChange: 'transform, opacity',
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
)}
|
)}
|
||||||
|
|||||||
Reference in New Issue
Block a user