mobile view header styles were corrected

This commit is contained in:
Vladimir Khvan 2023-06-02 14:38:36 +05:00
parent 9ab40c2e51
commit cff266e0d0
3 changed files with 12 additions and 10 deletions

View File

@ -22,7 +22,7 @@ const ListHeader = styled.header`
${() =>
isMobileOnly &&
css`
margin-top: -6px;
margin-top: 35px;
padding-right: 8px;
`}
`;

View File

@ -40,14 +40,11 @@ const HeaderContainer = styled.div`
${() =>
isMobileOnly &&
css`
margin-top: 1px;
`}
${(props) =>
isMobileOnly &&
props.isHeaderVisible &&
css`
top: 48px;
margin-top: 7px;
margin-left: -14px;
padding-left: 14px;
margin-right: -14px;
padding-right: 14px;
`}
.arrow-button {
@ -89,8 +86,9 @@ const HeaderContainer = styled.div`
${() =>
isMobileOnly &&
css`
position: absolute;
height: 48px;
margin: -49px 0 0 -17px;
margin: -35px 0 0 -17px;
width: calc(100% + 32px);
`}
}

View File

@ -18,6 +18,10 @@ import { Base } from "@docspace/components/themes";
const TableWrapper = styled(TableContainer)`
margin-top: 0;
.table-container_header{
position: absolute;
}
.header-container-text {
font-size: 12px;
}