Skip to content

Commit

Permalink
Merge pull request #1521 from kianamcc/SWC-7178
Browse files Browse the repository at this point in the history
SWC-7178: SageAccountWeb: LeftRightPanel left panel updates on mobile
kianamcc authored Jan 28, 2025
2 parents e551f9c + 4d54afa commit 1020a63
Showing 3 changed files with 16 additions and 2 deletions.
4 changes: 2 additions & 2 deletions apps/SageAccountWeb/src/components/LeftRightPanel.tsx
Original file line number Diff line number Diff line change
@@ -19,8 +19,8 @@ export function LeftRightPanel({
<Box
className="right-panel"
sx={{
marginTop: '95px',
marginBottom: theme.spacing(4),
marginTop: { xs: 0, md: '95px' },
marginBottom: { xs: 0, md: theme.spacing(4) },
overflow: 'hidden',
fontWeight: '700',
fontSize: '16px',
11 changes: 11 additions & 0 deletions apps/SageAccountWeb/src/components/StyledComponents.ts
Original file line number Diff line number Diff line change
@@ -21,10 +21,21 @@ export const StyledInnerContainer: StyledComponent<PaperProps> = styled(Paper, {
margin: '0 auto',
display: 'flex',
overflow: 'hidden',
[theme.breakpoints.down('md')]: {
flexDirection: 'column',
width: '100%',
height: '100vh',
overflowY: 'scroll',
},

'& > div:nth-of-type(1), & > div:nth-of-type(2)': {
width: '450px',
position: 'relative',
padding: theme.spacing(8),
[theme.breakpoints.down('md')]: {
height: '100%',
width: '100%',
},
},
'& > div:nth-of-type(1)': {
backgroundColor: '#FFF',
Original file line number Diff line number Diff line change
@@ -9,6 +9,9 @@ export const StyledOuterContainer: StyledComponent<BoxProps> = styled(Box, {
paddingBottom: '50px',
background: theme.styledBackground,
backgroundSize: 'cover',
[theme.breakpoints.down('md')]: {
padding: 0,
},
}))

export const StyledInnerContainer: StyledComponent<PaperProps> = styled(Paper, {

0 comments on commit 1020a63

Please sign in to comment.