28ca9a9e49
* wip * finished * Added disabled * Fixed disabled * Finished cleaning * Minor fixes from merge * Added docs * Added PascalCase * Fix from review * Fixes from merge * Fix lint * Fixed storybook tests
21 lines
479 B
TypeScript
21 lines
479 B
TypeScript
import styled from '@emotion/styled';
|
|
|
|
export const StyledDropdownMenuItemsContainer = styled.div<{
|
|
hasMaxHeight?: boolean;
|
|
}>`
|
|
--padding: ${({ theme }) => theme.spacing(1)};
|
|
|
|
align-items: flex-start;
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
gap: 2px;
|
|
height: 100%;
|
|
max-height: ${({ hasMaxHeight }) => (hasMaxHeight ? '180px' : 'none')};
|
|
overflow-y: auto;
|
|
|
|
padding: var(--padding);
|
|
padding-right: var(--padding);
|
|
width: calc(100% - 2 * var(--padding));
|
|
`;
|