fix(execution-card): add top border with radius

This commit is contained in:
RadoslavDimchev 2024-04-24 15:56:52 +03:00 committed by Emil Ivanichkov
parent 4719e9d2a5
commit 9393bd8f44
2 changed files with 9 additions and 3 deletions

View File

@ -28,7 +28,15 @@ const ExecutionClientCard = ({ value, total }: ExecutionClientCardProps) => {
] ]
return ( return (
<Shadow variant="$1" minWidth={'150px'}> <Shadow
variant="$1"
style={{
minWidth: '150px',
borderTop: '1px solid #E7EAEE',
borderTopLeftRadius: '16px',
borderTopRightRadius: '16px',
}}
>
<YStack> <YStack>
<Stack style={{ minHeight: '90px', padding: '12px 16px' }}> <Stack style={{ minHeight: '90px', padding: '12px 16px' }}>
<Text size={15} weight={'semibold'} color="#647084"> <Text size={15} weight={'semibold'} color="#647084">

View File

@ -16,11 +16,9 @@ const SyncStatusCards = () => {
Sync Status Sync Status
</Text> </Text>
</div> </div>
<YStack> <YStack>
<ExecutionClientCard value={153.424} total={170} /> <ExecutionClientCard value={153.424} total={170} />
<Separator borderColor={'#e3e3e3'} /> <Separator borderColor={'#e3e3e3'} />
<ConsensusCard value={103.424} total={170} /> <ConsensusCard value={103.424} total={170} />
</YStack> </YStack>
</YStack> </YStack>