Record horizontal scrolling mobile (#5843)

I have fixed the scrolling the record container page on mobile making it
hidden.
This PR aims to fix #5745

---------

Co-authored-by: Lucas Bordeau <bordeau.lucas@gmail.com>
This commit is contained in:
RobertoSimonini1
2024-06-14 16:27:16 +02:00
committed by GitHub
parent eaa2f83eb1
commit dd2db083ce
3 changed files with 3 additions and 6 deletions

View File

@ -34,8 +34,7 @@ const StyledLabelAndIconContainer = styled.div`
const StyledValueContainer = styled.div`
display: flex;
flex-grow: 1;
min-width: 0;
width: 100%;
`;
const StyledLabelContainer = styled.div<{ width?: number }>`

View File

@ -8,8 +8,7 @@ const StyledOuterContainer = styled.div`
display: flex;
gap: ${({ theme }) => (useIsMobile() ? theme.spacing(3) : '0')};
height: ${() => (useIsMobile() ? '100%' : '100%')};
overflow-x: ${() => (useIsMobile() ? 'hidden' : 'auto')};
height: 100%;
width: 100%;
`;

View File

@ -28,8 +28,7 @@ const StyledShowPageRightContainer = styled.div<{ isMobile: boolean }>`
flex: 1 0 0;
flex-direction: column;
justify-content: start;
overflow: ${(isMobile) => (isMobile ? 'none' : 'hidden')};
width: calc(100% + 4px);
width: 100%;
`;
const StyledTabListContainer = styled.div`