From 6036670212adc74f15917d45fa96a4075b09fc5b Mon Sep 17 00:00:00 2001 From: Michal Zielenkiewicz Date: Wed, 21 Feb 2024 11:57:12 +0100 Subject: [PATCH] Fix snapshot cards spacing --- .changelog/1282.bugfix.md | 1 + src/app/pages/TokenDashboardPage/TokenSnapshot.tsx | 5 +---- src/app/pages/ValidatorDetailsPage/ValidatorSnapshot.tsx | 6 +----- 3 files changed, 3 insertions(+), 9 deletions(-) create mode 100644 .changelog/1282.bugfix.md diff --git a/.changelog/1282.bugfix.md b/.changelog/1282.bugfix.md new file mode 100644 index 000000000..3bc184b99 --- /dev/null +++ b/.changelog/1282.bugfix.md @@ -0,0 +1 @@ +Fix snapshot cards spacing diff --git a/src/app/pages/TokenDashboardPage/TokenSnapshot.tsx b/src/app/pages/TokenDashboardPage/TokenSnapshot.tsx index 347657cc7..e25934f9d 100644 --- a/src/app/pages/TokenDashboardPage/TokenSnapshot.tsx +++ b/src/app/pages/TokenDashboardPage/TokenSnapshot.tsx @@ -4,7 +4,6 @@ import Grid from '@mui/material/Grid' import Typography from '@mui/material/Typography' import { useScreenSize } from '../../hooks/useScreensize' import { useTheme } from '@mui/material/styles' -import { styled } from '@mui/material/styles' import { useTranslation } from 'react-i18next' import { AppendMobileSearch } from '../../components/AppendMobileSearch' import { TokenSupplyCard } from './TokenSupplyCard' @@ -12,10 +11,8 @@ import { TokenHoldersCountCard } from './TokenHoldersCountCard' import { TokenTypeCard } from './TokenTypeCard' import { TokenTotalTransactionsCard } from './TokenTotalTransactionsCard' import { SearchScope } from '../../../types/searchScope' +import { StyledGrid } from '../../components/Snapshots/Snapshot' -const StyledGrid = styled(Grid)(() => ({ - display: 'flex', -})) export const TokenSnapshot: FC<{ scope: SearchScope; address: string }> = ({ scope, address }) => { const { t } = useTranslation() diff --git a/src/app/pages/ValidatorDetailsPage/ValidatorSnapshot.tsx b/src/app/pages/ValidatorDetailsPage/ValidatorSnapshot.tsx index b7e34d482..a8272b6c0 100644 --- a/src/app/pages/ValidatorDetailsPage/ValidatorSnapshot.tsx +++ b/src/app/pages/ValidatorDetailsPage/ValidatorSnapshot.tsx @@ -4,7 +4,6 @@ import Grid from '@mui/material/Grid' import Typography from '@mui/material/Typography' import { useScreenSize } from '../../hooks/useScreensize' import { useTheme } from '@mui/material/styles' -import { styled } from '@mui/material/styles' import { useTranslation } from 'react-i18next' import { AppendMobileSearch } from '../../components/AppendMobileSearch' import { ExternalLinkCard } from './ExternalLinkCard' @@ -13,10 +12,7 @@ import { UptimeCard } from './UptimeCard' import { VotingPowerCard } from './VotingPowerCard' import { BalanceDistributionCard } from './BalanceDistributionCard' import { Validator } from '../../../oasis-nexus/api' - -const StyledGrid = styled(Grid)(() => ({ - display: 'flex', -})) +import { StyledGrid } from '../../components/Snapshots/Snapshot' type ValidatorSnapshotProps = { scope: SearchScope