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: fix client card

This commit is contained in:
Hristo Nedelkov 2024-01-25 23:11:31 +02:00
parent dcf1a0dbfc
commit 2528ef0f76
1 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/pages/ValidatorOnboarding/ValidatorSetup/ConsensusClient/ConsensusClientCard.tsx
View File

@ -2,6 +2,7 @@ import { Stack, YStack } from 'tamagui'
import { Text } from '@status-im/components' import { Text } from '@status-im/components'
import Icon from '../../../../components/General/Icon' import Icon from '../../../../components/General/Icon'
import { useWindowSize } from '../../../../hooks/useWindowSize'
type ConsensusClientCardProps = { type ConsensusClientCardProps = {
name: string name: string
@ -9,6 +10,7 @@ type ConsensusClientCardProps = {
} }
const ConsensusClientCard = ({ name, icon }: ConsensusClientCardProps) => { const ConsensusClientCard = ({ name, icon }: ConsensusClientCardProps) => {
const windowSize = useWindowSize()
return ( return (
<YStack <YStack
style={{ style={{
@ -16,8 +18,9 @@ const ConsensusClientCard = ({ name, icon }: ConsensusClientCardProps) => {
border: '1px solid #2A4AF5', border: '1px solid #2A4AF5',
borderRadius: '16px', borderRadius: '16px',
padding: '12px 16px', padding: '12px 16px',
width: '29%',
cursor: 'pointer', cursor: 'pointer',
minWidth: '250px',
width: windowSize.width < 780 ? '100%' : 'auto',
}} }}
space={'$8'} space={'$8'}
> >