components TeamPanelBodyV2.styles.tsx

100% Statements 4/4

100% Branches 0/0

100% Functions 2/2

100% Lines 2/2

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  
 
 
56x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
56x
 
 
 
 
 
 
 
 
 
 
 
  import { Stack } from "@mui/material";
import { styled } from "@theme/v2/Provider";
 
const PanelContainerV2 = styled(Stack)(({ theme }) => ({
  background: theme.palette.surface?.secondary,
  width: "100%",
  height: "100%",
  alignItems: "stretch",
  // Column so the optional PAH-reassignment banner stacks full-width on top of
  // the member details instead of sitting beside them (GB-21471 / PAH006).
  flexDirection: "column",
  padding: "16px 20px",
  gap: "16px",
 
  [theme.breakpoints.up("v2_sm")]: {
    overflowX: "hidden",
    overflowY: "auto",
    scrollbarGutter: "stable both-edges",
  },
}));
 
const TeamInfoContainerV2 = styled(Stack)(({ theme }) => ({
  // Full width: in the column layout an explicit cross-axis size would otherwise
  // override `alignItems: stretch` and pin the details to a narrow 40% column.
  width: "100%",
  flexDirection: "column",
  gap: "40px",
  alignItems: "stretch",
  position: "relative",
  flexGrow: 1,
}));
 
export { PanelContainerV2, TeamInfoContainerV2 };