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

feat: add style for rows container

Browse Source
This commit is contained in:
RadoslavDimchev 2024-01-07 20:35:36 +02:00
parent 1627ec8563
commit 064d68752f
2 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/pages/PairDevice/ConnectViaIP/ConnectViaIP.tsx
View File

@ -7,6 +7,7 @@ import { useSelector } from 'react-redux'
import InputsRow from './InputsRow'
import { RootState } from '../../../redux/store'
import { BEACON, NODE, VALIDATOR_CLIENT, VC } from '../../../constants'
import styles from './index.module.css'
const ConnectViaIP = () => {
const [apiToken, setApiToken] = useState('')
@ -47,7 +48,7 @@ const ConnectViaIP = () => {
</Button>
</XStack>
{isAdvanced ? (
<YStack space={'$3'}>
<YStack space={'$3'} className={styles['rows-container']}>
<InputsRow
addressType={VALIDATOR_CLIENT}
portType={VC}

10
src/pages/PairDevice/ConnectViaIP/index.module.css
View File

@ -15,6 +15,11 @@
.row-container > *:last-child {
margin-bottom: 0;
}
.rows-container {
display: flex;
gap: 10px;
}
}
@media (max-width: 500px) {
@ -29,4 +34,9 @@
.row-container > *:last-child {
margin-bottom: 0;
}
.rows-container {
display: flex;
gap: 10px;
}
}