status-im
/
nimbus-gui
mirror of https://github.com/status-im/nimbus-gui.git
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix(management-header): remove sync card containers styles

This commit is contained in:
RadoslavDimchev 2024-04-18 15:32:45 +03:00 committed by Radoslav Dimchev
parent 6c7a4119b7
commit 4aceca03ef
2 changed files with 12 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
src/pages/ValidatorManagement/ManagementHeader.tsx
View File

@ -2,7 +2,6 @@ import { XStack } from 'tamagui'
import NimbusLogo from '../../components/Logos/NimbusLogo' import NimbusLogo from '../../components/Logos/NimbusLogo'
import SyncStatusCard from '../../components/General/SyncStatusCard' import SyncStatusCard from '../../components/General/SyncStatusCard'
import styles from './validatorManagement.module.css'
const ManagementHeader = () => { const ManagementHeader = () => {
return ( return (
@ -14,24 +13,18 @@ const ManagementHeader = () => {
}} }}
> >
<NimbusLogo subtitle="Validator Management" /> <NimbusLogo subtitle="Validator Management" />
<XStack space={'$2'}> <SyncStatusCard
<div className={styles['sync-status-card-container-first']}> synced={123.524}
<SyncStatusCard total={172.503}
synced={123.524} title="Execution Sync Status"
total={172.503} color="#2a4af5"
title="Execution Sync Status" />
color="#2a4af5" <SyncStatusCard
/> synced={123.524}
</div> total={172.503}
<div className={styles['sync-status-card-container-second']}> title="Consensus Sync Status"
<SyncStatusCard color="#ff6161"
synced={123.524} />
total={172.503}
title="Consensus Sync Status"
color="#ff6161"
/>
</div>
</XStack>
</XStack> </XStack>
) )
} }

12
src/pages/ValidatorManagement/validatorManagement.module.css
View File

@ -1,15 +1,3 @@
@media (max-width: 1130px) {
.sync-status-card-container-first {
display: none;
}
}
@media (max-width: 900px) and (min-width: 810px) {
.sync-status-card-container-first {
display: block;
}
}
@media (max-width: 590px) { @media (max-width: 590px) {
.sync-status-card-container-second { .sync-status-card-container-second {
display: none; display: none;