IlyaSobolev/DocSpace-buildtools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Web: Files: Settings: fix margin on mobile devices

Browse Source
This commit is contained in:
Alexey Safronov 2022-09-15 12:39:13 +03:00
parent 88df1f34d1
commit 791dfb055c
2 changed files with 13 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
packages/client/src/pages/Settings/Section/Body/StyledSettings.js
View File

@ -1,5 +1,6 @@
import styled from "styled-components";
import styled, { css } from "styled-components";
import { tablet } from "@docspace/components/utils/device";
import { isMobile } from "react-device-detect";
const StyledSettings = styled.div`
margin-top: ${(props) => (props.showTitle ? 24 : 34)}px;
@ -8,6 +9,11 @@ const StyledSettings = styled.div`
margin-top: 8px;
}
${isMobile &&
css`
margin-top: 8px;
`}
width: 100%;
display: grid;

6
packages/client/src/pages/Settings/Section/Body/index.js
View File

@ -12,6 +12,7 @@ import Submenu from "@docspace/components/submenu";
import CommonSettings from "./CommonSettings";
import AdminSettings from "./AdminSettings";
import { tablet } from "@docspace/components/utils/device";
import { isMobile } from "react-device-detect";
const StyledContainer = styled.div`
margin-top: -22px;
@ -19,6 +20,11 @@ const StyledContainer = styled.div`
@media ${tablet} {
margin-top: 0px;
}
${isMobile &&
css`
margin-top: 0px;
`}
`;
const SectionBodyContent = ({ isAdmin, isErrorSettings, history }) => {