All files / src/components/ui/spacing style.ts

0% Statements 0/7
0% Branches 0/4
0% Functions 0/2
0% Lines 0/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                                                     
import styled from "styled-components";
 
export interface StyledFixedSpacerProps {
  $width?: number;
  $height?: number;
}
 
export const StyledFlexGrow = styled.div`
  flex-grow: 1;
`;
 
export const StyledFixedSpacer = styled.div<StyledFixedSpacerProps>`
  width: ${(props) => (props.$width ? props.$width : 1)}px;
  height: ${(props) => (props.$height ? props.$height : 1)}px;
  flex-shrink: 0;
`;
 
export const StyledFlexBreak = styled.div`
  flex-basis: 100% !important;
  margin: 0 !important;
  height: 0;
`;
 
export const StyledFlexRow = styled.div`
  display: flex;
`;