components TeamPanelBody.styles.tsx

100% Statements 6/6

100% Branches 0/0

100% Functions 3/3

100% Lines 3/3

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
41
42
43
44
45
46
47
48  
 
 
 
96x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
96x
 
 
 
 
 
 
 
 
 
 
 
 
 
98x
 
 
 
 
 
 
 
 
 
  import { styled, Stack } from "@mui/material";
import { IconButton } from "@common/IconButton";
import { palette } from "@palette";
 
const PanelContainer = styled(Stack)(({ theme }) => ({
  background: palette.neutral[5],
  width: "100%",
  height: "100%",
  alignItems: "stretch",
  flexDirection: "row",
  padding: "16px 24px",
  gap: "16px",
 
  [theme.breakpoints.up("sm")]: {
    overflowX: "hidden",
    overflowY: "auto",
    scrollbarGutter: "stable both-edges",
  },
  [theme.breakpoints.down("sm")]: {
    padding: 0,
  },
}));
 
const TeamInfoContainer = styled(Stack)(({ theme }) => ({
  padding: "0 16px 24px",
  width: "40%",
  flexDirection: "column",
  gap: "32px",
  alignItems: "stretch",
  position: "relative",
  flexGrow: 1,
  [theme.breakpoints.down("sm")]: {
    padding: 0,
    width: "100%",
  },
}));
 
const StyledIconButton = styled(IconButton)(() => ({
  boxShadow: "none",
  border: "none",
  background: "none",
  height: "24px !important",
  width: "24px !important",
  padding: "2px !important",
}));
 
export { PanelContainer, TeamInfoContainer, StyledIconButton };