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

Client: Profile: fix style

Browse Source
This commit is contained in:
Viktor Fomin 2023-09-27 01:36:29 +03:00
parent f808b788c9
commit 8904928fb1
3 changed files with 15 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
packages/client/src/pages/Profile/Section/Body/sub-components/file-management/styled-file-management.js
View File

@ -4,28 +4,6 @@ import { isMobile } from "react-device-detect";
const StyledWrapper = styled.div`
max-width: 660px;
margin-top: ${(props) =>
props.hideAdminSettings ? 22 : props.showTitle ? 24 : 34}px;
${(props) =>
props.hideAdminSettings &&
css`
padding-top: 2px;
`}
@media ${tablet} {
margin-top: ${(props) => (props.hideAdminSettings ? 0 : 8)}px;
${(props) =>
props.hideAdminSettings &&
css`
padding-top: 8px;
`}
}
${isMobile &&
css`
margin-top: 8px;
`}
width: 100%;

25
packages/client/src/pages/Profile/Section/Body/sub-components/notifications/StyledComponent.js
View File

@ -1,14 +1,18 @@
import styled, { css } from "styled-components";
import { mobile } from "@docspace/components/utils/device";
import { mobile, tablet } from "@docspace/components/utils/device";
const StyledSectionBodyContent = styled.div`
width: 100%;
max-width: 660px;
@media ${tablet} {
max-width: 100%;
}
.notification-container {
display: grid;
max-width: 660px;
grid-template-columns: 1fr 124px;
margin-bottom: 21px;
margin-bottom: 12px;
.toggle-btn {
${(props) =>
@ -26,21 +30,18 @@ const StyledSectionBodyContent = styled.div`
}
}
.badges-container {
margin-bottom: 40px;
@media ${mobile} {
margin-bottom: 29px;
}
margin-bottom: 24px;
}
`;
const StyledTextContent = styled.div`
margin-bottom: 23px;
height: 40px;
margin-bottom: 12px;
height: 24px;
border-bottom: ${(props) => props.theme.filesPanels.sharing.borderBottom};
max-width: 700px;
p {
padding-top: 8px;
line-height: 16px;
padding-bottom: 8px;
}
`;

4
packages/client/src/pages/Profile/Section/Body/sub-components/notifications/index.js
View File

@ -81,7 +81,7 @@ const Notifications = ({ setSubscriptions }) => {
{isLoadingContent ? (
<Loaders.Rectangle height={"22px"} width={"57px"} />
) : (
<Text fontSize={"16px"} fontWeight={700}>
<Text fontSize={"14px"} fontWeight={600}>
{t("Badges")}
</Text>
)}
@ -106,7 +106,7 @@ const Notifications = ({ setSubscriptions }) => {
{isLoadingContent ? (
<Loaders.Rectangle height={"22px"} width={"57px"} />
) : (
<Text fontSize={"16px"} fontWeight={700}>
<Text fontSize={"14px"} fontWeight={600}>
{t("Common:Email")}
</Text>
)}