fix(execution-card): add top border with radius
This commit is contained in:
parent
4719e9d2a5
commit
9393bd8f44
|
@ -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">
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Reference in New Issue