mobile view header styles were corrected
This commit is contained in:
parent
9ab40c2e51
commit
cff266e0d0
@ -22,7 +22,7 @@ const ListHeader = styled.header`
|
||||
${() =>
|
||||
isMobileOnly &&
|
||||
css`
|
||||
margin-top: -6px;
|
||||
margin-top: 35px;
|
||||
padding-right: 8px;
|
||||
`}
|
||||
`;
|
||||
|
@ -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);
|
||||
`}
|
||||
}
|
||||
|
@ -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;
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user