Web: Files/Common: PageLayout: fixed margin-top in Header
This commit is contained in:
parent
54aac4c933
commit
c791fa29aa
@ -69,9 +69,6 @@ const StyledContainer = styled.div`
|
|||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
max-width: calc(100vw - 32px);
|
max-width: calc(100vw - 32px);
|
||||||
@media ${desktop} {
|
|
||||||
margin-top: -1px;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media ${tablet} {
|
@media ${tablet} {
|
||||||
.headline-header {
|
.headline-header {
|
||||||
|
@ -1,16 +1,12 @@
|
|||||||
import React from "react";
|
import React from "react";
|
||||||
import styled from "styled-components";
|
|
||||||
import { Headline } from "asc-web-common";
|
import { Headline } from "asc-web-common";
|
||||||
|
|
||||||
const StyledHeadline = styled(Headline)`
|
|
||||||
margin-top: -1px;
|
|
||||||
`;
|
|
||||||
const SectionHeaderContent = ({ setting, t }) => {
|
const SectionHeaderContent = ({ setting, t }) => {
|
||||||
const title = setting[0].toUpperCase() + setting.slice(1);
|
const title = setting[0].toUpperCase() + setting.slice(1);
|
||||||
return (
|
return (
|
||||||
<StyledHeadline className="headline-header" type="content" truncate={true}>
|
<Headline className="headline-header" type="content" truncate={true}>
|
||||||
{t(`${title}`)}
|
{t(`${title}`)}
|
||||||
</StyledHeadline>
|
</Headline>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
@ -9,6 +9,7 @@ const StyledSectionHeader = styled.div`
|
|||||||
border-bottom: 1px solid #eceef1;
|
border-bottom: 1px solid #eceef1;
|
||||||
height: 55px;
|
height: 55px;
|
||||||
margin-right: 24px;
|
margin-right: 24px;
|
||||||
|
margin-top: -1px;
|
||||||
|
|
||||||
@media ${tablet} {
|
@media ${tablet} {
|
||||||
margin-right: 16px;
|
margin-right: 16px;
|
||||||
|
Loading…
Reference in New Issue
Block a user