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

Responsive cards

This commit is contained in:
Hristo Nedelkov 2023-11-16 12:24:25 +02:00
parent 9664ba0824
commit cde2c81f0f
2 changed files with 14 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/pages/LogsPage/LogsPage.tsx
View File

@ -39,13 +39,23 @@ const LogsPage = () => {
> >
<TitleLogo /> <TitleLogo />
<Stack style={{ width: '100%', alignItems: 'center' }}> <Stack style={{ width: '100%', alignItems: 'center' }}>
<LogsTerminal windowWidth={windowWidth}/> <LogsTerminal windowWidth={windowWidth} />
<XStack space="$4"> <Stack
space="$4"
style={{
display: 'flex',
flexDirection: 'row',
flexWrap: 'wrap',
gap: '1vw',
width: '100%',
}}
width={'90%'}
>
<LogsSumCard type={'Critical'} count={16} countActive={2} countInactive={3} /> <LogsSumCard type={'Critical'} count={16} countActive={2} countInactive={3} />
<LogsSumCard type={'Warning'} count={9} countActive={2} countInactive={7} /> <LogsSumCard type={'Warning'} count={9} countActive={2} countInactive={7} />
<LogsSumCard type={'Critical'} count={6} countActive={2} countInactive={0} /> <LogsSumCard type={'Critical'} count={6} countActive={2} countInactive={0} />
<SupportCard /> <SupportCard />
</XStack> </Stack>
</Stack> </Stack>
</YStack> </YStack>
<RightSidebar /> <RightSidebar />

2
src/pages/LogsPage/LogsSumCard.tsx
View File

@ -12,7 +12,7 @@ type LogsSumCardProps = {
} }
const LogsSumCard = ({ type, count, countActive, countInactive }: LogsSumCardProps) => { const LogsSumCard = ({ type, count, countActive, countInactive }: LogsSumCardProps) => {
return ( return (
<DashboardCardWrapper> <DashboardCardWrapper maxWidth='260px'>
<YStack <YStack
style={{ style={{
borderRadius: '16px', borderRadius: '16px',