status-im/nimbus-gui
2
0
Fork 0
mirror of https://github.com/status-im/nimbus-gui.git synced 2025-02-27 18:40:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(sidebar-wrapper): add reusable style with flag for side padding

Browse Source
This commit is contained in:
RadoslavDimchev 2024-03-29 09:51:53 +02:00 committed by Radoslav Dimchev
parent 4acb387ff1
commit 7c712f6001
1 changed files with 13 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/PageWrappers/SidebarsWrapper.tsx
View File

@ -19,6 +19,19 @@ const SidebarsWrapper = ({
isNotSidePadding, isNotSidePadding,
}: SidebarsWrapperProps) => { }: SidebarsWrapperProps) => {
return ( return (
<XStack style={{ minHeight: '100vh' }}>
{!isNotLeftSidebar && <LeftSidebar />}
<div
style={{
display: 'flex',
flexGrow: '1',
padding: `20px ${isNotSidePadding ? 0 : 20}px`,
overflowY: 'auto',
height: 'fit-content',
}}
>
{children}
</div>
{!isNotRightSidebar && ( {!isNotRightSidebar && (
<div className={styles['right-sidebar-wrapper']}> <div className={styles['right-sidebar-wrapper']}>
<RightSidebar /> <RightSidebar />