Skip to content

F
frontend
Commit 7a85c0ab authored by Max Alekseenko's avatar Max Alekseenko
Browse files
Options

fix badges

parent a7d3a05e
Hide whitespace changes
Inline Side-by-side
Showing with 10 additions and 4 deletions
ui/pages/RewardsDashboard.tsx
View file @ 7a85c0ab
...@@ -176,18 +176,24 @@ const RewardsDashboard = () => { ...@@ -176,18 +176,24 @@ const RewardsDashboard = () => {
px={{ base: 4, md: 6 }} px={{ base: 4, md: 6 }}
py={{ base: 4, md: 0 }} py={{ base: 4, md: 0 }}
justifyContent="space-between" justifyContent="space-between"
gap={ 2 }
> >
{ Array(5).fill(null).map((_, index) => ( { Array(5).fill(null).map((_, index) => (
<Image <Image
key={ index } key={ index }
display={{ base: index > 2 ? 'none' : 'block', md: 'block' }} display={{ base: index > 2 ? 'none' : 'block', sm: 'block' }}
src={ `/static/badges/badge_${ index + 1 }.svg` } src={ `/static/badges/badge_${ index + 1 }.svg` }
alt={ `Badge ${ index + 1 }` } alt={ `Badge ${ index + 1 }` }
boxSize={{ base: '80px', md: '100px' }} w={{ base: 'calc((100% - 16px) / 3)', sm: 'calc((100% - 32px) / 5)' }}
maxW={{ base: '80px', md: '100px' }}
maxH={{ base: '80px', md: '100px' }}
fallback={ ( fallback={ (
<Skeleton <Skeleton
boxSize={{ base: '80px', md: '100px' }} display={{ base: index > 2 ? 'none' : 'block', sm: 'block' }}
display={{ base: index > 2 ? 'none' : 'block', md: 'block' }} w={{ base: 'calc((100% - 16px) / 3)', sm: 'calc((100% - 32px) / 5)' }}
maxW={{ base: '80px', md: '100px' }}
maxH={{ base: '80px', md: '100px' }}
aspectRatio={ 1 }
/> />
) } ) }
/> />
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment