overmind/packages/node_modules/overmind-devtools/src/components/State/elements.tsx at constructorCheck · hipertracker/overmind · GitHub

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
import styled from '../../styled-components'

export const Wrapper = styled.div`
  padding: ${({ theme }) => theme.padding.normal};
  height: 100%;
  box-sizing: border-box;
  overflow-y: scroll;
`

export const Label = styled.div`
  display: flex;
`

export const LabelWrapper = styled.div`
  display: flex;
  align-items: center;
`

export const ComputedLabel = styled.div`
  margin-right: 5px;
  background-color: ${({ theme }) => theme.color.primary};
  padding: ${({ theme }) => `0 ${theme.padding.smallerer}`};
  border-radius: ${({ theme }) => theme.borderRadius.normal};
  color: ${({ theme }) => theme.color.white};
`

export const DerivedLabel = styled.div`
  margin-right: 5px;
  background-color: ${({ theme }) => theme.color.primary};
  padding: ${({ theme }) => `0 ${theme.padding.smallerer}`};
  border-radius: ${({ theme }) => theme.borderRadius.normal};
  color: ${({ theme }) => theme.color.white};
`