@parkassist/pa-ui-library
Version:
INX Platform elements
43 lines (42 loc) • 1.34 kB
JavaScript
import styled from "styled-components";
import { Column, Row } from "../Flex";
import Measures from "../../../constants/Measures";
import Palette from "../../../constants/Palette";
import FontStyles from "../../../constants/FontStyles";
export const SectionTitleWrapper = styled(Row)`
flex: 1;
min-height: calc(${Measures.unit} * 2);
height: calc(${Measures.unit} * 2);
align-items: center;
justify-content: space-between;
margin-top: calc(${Measures.topBarHeight} + ${Measures.unit});
margin-bottom: ${Measures.unit};
padding-left: ${Measures.sidePadding};
padding-right: ${Measures.sidePaddingRight};
`;
export const TitleWrapper = styled(Row)`
align-items: center;
min-height: calc(${Measures.unit} * 2);
height: calc(${Measures.unit} * 2);
font: ${FontStyles.HEADER};
`;
export const TriangleWrapper = styled(Column)`
margin-right: 10px;
color: ${Palette.PRIMARY};
`;
export const DateAndTimeField = styled(Row)`
height: calc(${Measures.unit} * 2);
min-height: calc(${Measures.unit} * 2);
max-width: 300px;
width: auto;
background-color: ${Palette.LIGHT_BLACK};
color: ${Palette.DIM_GREY};
padding: 0 ${Measures.unit};
justify-content: center;
align-items: center;
font: ${FontStyles.BODY1_FONT};
white-space: nowrap;
@media screen and (max-width: 1000px) {
display: none;
}
`;