minor fix front

This commit is contained in:
aurinex
2025-12-13 00:12:32 +05:00
parent 5e5f1aaa0a
commit bfb5a8ae6d
13 changed files with 223 additions and 157 deletions

View File

@ -81,7 +81,7 @@ export const BonusShopItem: React.FC<BonusShopItemProps> = ({
sx={{
position: 'relative',
width: '100%',
maxWidth: 300,
maxWidth: 220,
height: 440,
display: 'flex',
flexDirection: 'column',
@ -95,8 +95,8 @@ export const BonusShopItem: React.FC<BonusShopItemProps> = ({
transition: 'transform 0.35s ease, box-shadow 0.35s ease',
'&:hover': {
transform: 'scale(1.05)',
boxShadow: '0 20px 60px rgba(242,113,33,0.45)',
transform: 'scale(1.01)',
boxShadow: '0 10px 20px rgba(242,113,33,0.1)',
},
}}
>
@ -151,7 +151,7 @@ export const BonusShopItem: React.FC<BonusShopItemProps> = ({
<Typography
sx={{
fontFamily: 'Benzin-Bold',
fontSize: '1.05rem',
fontSize: '1rem',
mb: 0.5,
backgroundImage:
'linear-gradient(136deg, rgb(242,113,33), rgb(233,64,87), rgb(138,35,135))',
@ -165,7 +165,7 @@ export const BonusShopItem: React.FC<BonusShopItemProps> = ({
<Typography
sx={{
color: 'rgba(255,255,255,0.7)',
fontSize: '0.8rem',
fontSize: '0.7rem',
mb: 0.8,
}}
>
@ -177,11 +177,9 @@ export const BonusShopItem: React.FC<BonusShopItemProps> = ({
<Typography
sx={{
color: 'rgba(255,255,255,0.75)',
fontSize: '0.85rem',
fontSize: '0.7rem',
mb: 1.2,
minHeight: 40,
maxHeight: 40,
overflow: 'hidden',
}}
>
{description}
@ -294,7 +292,7 @@ export const BonusShopItem: React.FC<BonusShopItemProps> = ({
color: '#fff',
opacity: buttonDisabled ? 0.6 : 1,
'&:hover': {
transform: buttonDisabled ? 'none' : 'scale(1.1)',
transform: buttonDisabled ? 'none' : 'scale(1.05)',
},
}}
>