status-im/nimbus-gui
2
0
Fork 0
mirror of https://github.com/status-im/nimbus-gui.git synced 2025-01-09 11:11:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

create LogsPage

Browse Source
This commit is contained in:
Hristo Nedelkov 2023-11-07 02:06:00 +02:00
parent 792448cdcd
commit f609e58d70
1 changed files with 34 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,27 +1,43 @@
import { Stack, YStack } from "tamagui";
import { Stack, XStack, YStack } from "tamagui";
import TitleLogo from "../Dashboard/TitleLogo";
import LogsTerminal from "./logsTerminal";
import LeftSidebar from "../../components/General/LeftSidebar/LeftSidebar";
import RightSidebar from "../../components/General/RightSideBar/RightSidebar";
import LogsTerminal from "./LogsTerminal";
import LogsSumCard from "./LogsSumCard";
const LogsPage = () => {
return (
<YStack
space="$4"
alignItems="start"
px="24px"
minWidth="500px"
width="50vh"
style={{
flexGrow: '1',
marginTop: '16px',
overflowY: 'auto',
}}
className={'transparent-scrollbar'}
>
<TitleLogo />
<LogsTerminal></LogsTerminal>
</YStack>
<XStack style={{ height: '100vh' }}>
<LeftSidebar />
<YStack
space="$4"
alignItems="start"
px="24px"
minWidth="500px"
width="50vh"
style={{
flexGrow: '1',
marginTop: '16px',
overflowY: 'auto',
}}
className={'transparent-scrollbar'}
>
<TitleLogo />
<Stack style={{ width: '100%', alignItems: 'center' }}>
<LogsTerminal />
<XStack space='$8'>
<LogsSumCard />
<LogsSumCard />
<LogsSumCard />
<LogsSumCard />
</XStack>
</Stack>
</YStack>
<RightSidebar />
</XStack >
)
}