ChangeLog LogItem.styles.tsx

100% Statements 8/8

100% Branches 4/4

100% Functions 5/5

100% Lines 7/7

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  
 
 
 
214x
 
 
 
 
 
 
 
117x
110x
79x
 
 
 
 
 
 
117x
207x
45x
 
 
 
 
 
 
 
 
 
 
  import { Box } from "@mui/material";
import GiveText from "@shared/Text/GiveText";
import { styled } from "@theme/v2/Provider";
 
export const Label = styled(GiveText)(({ theme }) => ({
  fontSize: "14px",
  lineHeight: "20px",
  fontWeight: "400",
  color: theme.palette.text.secondary,
  width: "fit-content",
}));
 
export const LabelValue = styled(Label, {
  shouldForwardProp: (prop) => prop !== "to",
})<{ to?: boolean }>(({ theme, to }) => ({
  color: to ? theme.palette.primitive?.blue[100] : theme.palette.text.primary,
  width: "fit-content",
  display: "inline-flex",
  wordBreak: "keep-all",
}));
 
export const IconContainer = styled(Box, {
  shouldForwardProp: (prop) => prop !== "isFirst",
})<{ isFirst?: boolean }>(({ theme, isFirst }) => ({
  backgroundColor: isFirst
    ? theme.palette.primitive?.blue[10]
    : theme.palette.primitive?.transparent["darken-5"],
  width: "24px",
  height: "24px",
  borderRadius: "50px",
  display: "flex",
  justifyContent: "center",
  alignItems: "center",
}));