status-im/nimbus-gui
2
0
Fork 0
mirror of https://github.com/status-im/nimbus-gui.git synced 2025-02-22 16:18:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(validator-setup): css module for responsive style

Browse Source
This commit is contained in:
RadoslavDimchev 2024-04-22 19:27:04 +03:00 committed by Emil Ivanichkov
parent 51a53d4947
commit aca735c33a
2 changed files with 13 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/pages/ValidatorOnboarding/ValidatorSetup/ValidatorSetup/ValidatorSetup.tsx
View File

@ -4,6 +4,7 @@ import { Text } from '@status-im/components'
import PairedDeviceCard from '../ConsensusClient/PairedDeviceCard' import PairedDeviceCard from '../ConsensusClient/PairedDeviceCard'
import LinkWithArrow from '../../../../components/General/LinkWithArrow' import LinkWithArrow from '../../../../components/General/LinkWithArrow'
import ExecClientCards from './ExecClientCards' import ExecClientCards from './ExecClientCards'
import styles from './validatorSetup.module.css'
const ValidatorSetup = () => { const ValidatorSetup = () => {
return ( return (
@ -21,12 +22,7 @@ const ValidatorSetup = () => {
<Text size={27} weight={'semibold'}> <Text size={27} weight={'semibold'}>
Client Setup Client Setup
</Text> </Text>
<div <div className={styles['paired-device-container']}>
style={{
display: 'flex',
flexWrap: 'wrap',
}}
>
<PairedDeviceCard /> <PairedDeviceCard />
</div> </div>
</XStack> </XStack>

11
src/pages/ValidatorOnboarding/ValidatorSetup/ValidatorSetup/validatorSetup.module.css Normal file
View File

@ -0,0 +1,11 @@
.paired-device-container {
display: flex;
flex-wrap: wrap;
}
@media (max-width: 450px) {
.paired-device-container {
width: 100%;
margin-top: 12px;
}
}