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

fixed info-panel accounts title component

Browse Source
This commit is contained in:
Mushka Nikita 2023-02-21 13:09:24 +03:00
parent f7ae136452
commit b51bfb2450
2 changed files with 27 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
packages/client/src/pages/Home/InfoPanel/Body/styles/accounts.js
View File

@ -1,9 +1,10 @@
import styled, { css } from "styled-components";
import { Base } from "@docspace/components/themes";
import { hugeMobile, tablet } from "@docspace/components/utils/device";
const StyledAccountsItemTitle = styled.div`
min-height: 104px;
height: 104px;
min-height: 80px;
height: 80px;
max-height: 104px;
display: flex;
@ -11,8 +12,29 @@ const StyledAccountsItemTitle = styled.div`
justify-content: start;
gap: 16px;
position: fixed;
margin-top: -80px;
margin-left: -20px;
width: calc(100% - 40px);
padding: 24px 0 24px 20px;
background: ${(props) => props.theme.infoPanel.backgroundColor};
z-index: 100;
@media ${tablet} {
width: 440px;
padding: 24px 20px 24px 20px;
}
@media (max-width: 549px) {
width: calc(100vw - 69px - 40px);
}
@media ${hugeMobile} {
width: calc(100vw - 32px);
padding: 24px 0 24px 16px;
}
.avatar {
padding-top: 24px;
min-width: 80px;
}

4
packages/client/src/pages/Home/InfoPanel/Body/styles/common.js
View File

@ -7,9 +7,9 @@ const StyledInfoPanelBody = styled.div`
${({ isAccounts }) =>
isAccounts
? css`
padding: 0px 3px 0 20px;
padding: 80px 3px 0 20px;
@media ${hugeMobile} {
padding: 0px 8px 0 16px;
padding: 80px 8px 0 16px;
}
`
: css`