|
|
@ -4,6 +4,7 @@ type Props = {
|
|
|
|
loading: boolean;
|
|
|
|
loading: boolean;
|
|
|
|
height?: string;
|
|
|
|
height?: string;
|
|
|
|
width?: string;
|
|
|
|
width?: string;
|
|
|
|
|
|
|
|
color?: string;
|
|
|
|
};
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
const StyledSessionSpinner = styled.div<Props>`
|
|
|
|
const StyledSessionSpinner = styled.div<Props>`
|
|
|
@ -21,7 +22,7 @@ const StyledSessionSpinner = styled.div<Props>`
|
|
|
|
width: 13px;
|
|
|
|
width: 13px;
|
|
|
|
height: 13px;
|
|
|
|
height: 13px;
|
|
|
|
border-radius: 50%;
|
|
|
|
border-radius: 50%;
|
|
|
|
background: var(--primary-color);
|
|
|
|
background: ${props => props.color || 'var(--primary-color)'};
|
|
|
|
animation-timing-function: cubic-bezier(0, 1, 1, 0);
|
|
|
|
animation-timing-function: cubic-bezier(0, 1, 1, 0);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
div:nth-child(1) {
|
|
|
|
div:nth-child(1) {
|
|
|
|