Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 | 9x 9x 30x 9x 9x 9x 9x 9x 9x | /*
* Copyright 2021 Harness Inc. All rights reserved.
* Use of this source code is governed by the PolyForm Shield 1.0.0 license
* that can be found in the licenses directory at the root of this repository, also available at
* https://polyformproject.org/wp-content/uploads/2020/06/PolyForm-Shield-1.0.0.txt.
*/
import styled from '@emotion/styled'
const ChangesHeader = styled.div`
display: flex;
flex-direction: column;
justify-content: space-between;
height: ${(props: any) => props?.height || '64px'};
background: var(--white);
border-bottom: 1px solid var(--grey-200);
padding: var(--spacing-medium) var(--spacing-xxxlarge);
p {
font-weight: 600;
font-size: 24px;
line-height: 32px;
margin-top: 3px;
text-transform: capitalize;
}
`
ChangesHeader.displayName = 'ChangesHeader'
const ChangeTimeLineHeader = styled.div`
background: var(--white);
border-bottom: 1px solid var(--grey-200);
`
ChangeTimeLineHeader.displayName = 'ChangeTimeLineHeader'
const PBody = styled.div`
margin: 2%;
`
PBody.displayName = 'PBody'
export { ChangesHeader, ChangeTimeLineHeader, PBody }
|