no inst
This commit is contained in:
@@ -13,7 +13,7 @@ export const Overlay = styled.div`
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
`;
|
||||
export const ModalWrapper = styled.div<{ $animateIn: boolean }>`
|
||||
export const ModalWrapper = styled.div<{ $animateIn: boolean; $compact?: boolean }>`
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
@@ -23,7 +23,9 @@ export const ModalWrapper = styled.div<{ $animateIn: boolean }>`
|
||||
padding: 32px;
|
||||
border-radius: 20px;
|
||||
width: 70vw;
|
||||
height: 94vh;
|
||||
height: ${({ $compact }) => $compact ? 'auto' : '94vh'};
|
||||
max-height: ${({ $compact }) => $compact ? '80vh' : 'none'};
|
||||
overflow-y: ${({ $compact }) => $compact ? 'auto' : 'visible'};
|
||||
position: relative;
|
||||
opacity: ${({ $animateIn }) => ($animateIn ? 1 : 0)};
|
||||
transform: ${({ $animateIn }) =>
|
||||
|
||||
Reference in New Issue
Block a user