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

Client: Fixed info panel header height.

Browse Source
This commit is contained in:
Tatiana Lopaeva 2024-08-26 10:48:52 +03:00
parent 2a528db3e6
commit 4b7041dabe
2 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
packages/client/src/pages/Home/InfoPanel/Header/index.js
View File

@ -199,6 +199,7 @@ const InfoPanelHeaderContent = (props) => {
header={t("Common:Info")}
onCloseClick={closeInfoPanel}
withoutBorder
className="header-text"
/>
{withTabs && (

23
packages/client/src/pages/Home/InfoPanel/Header/styles/common.js
View File

@ -28,11 +28,11 @@ import styled, { css } from "styled-components";
import { Base } from "@docspace/shared/themes";
import { tablet } from "@docspace/shared/utils";
const getHeaderHeight = ({ withTabs, isTablet }) => {
let res = isTablet ? 54 : 70;
if (withTabs) res += 32;
return `${res}px`;
};
// const getHeaderHeight = ({ withTabs, isTablet }) => {
// let res = isTablet ? 54 : 70;
// if (withTabs) res += 32;
// return `${res}px`;
// };
const getMainHeight = ({ isTablet }) => {
let res = isTablet ? 52 : 68;
@ -43,18 +43,17 @@ const StyledInfoPanelHeader = styled.div`
width: 100%;
max-width: 100%;
height: ${(props) => getHeaderHeight(props)};
min-height: ${(props) => getHeaderHeight(props)};
@media ${tablet} {
height: ${(props) => getHeaderHeight({ ...props, isTablet: true })};
min-height: ${(props) => getHeaderHeight({ ...props, isTablet: true })};
}
display: flex;
flex-direction: column;
border-bottom: ${(props) =>
props.withTabs ? "none" : `1px solid ${props.theme.infoPanel.borderColor}`};
.header-text {
height: ${(props) => getMainHeight(props)};
@media ${tablet} {
height: ${(props) => getMainHeight({ ...props, isTablet: true })};
}
}
.tabs {
display: flex;
width: 100%;