Refactor/dropdown menu (#279)
* Created dropdown menu UI component with story * Added all components for composing Dropdown Menus * Better component naming and reordered stories * Solved comment thread from review
This commit is contained in:
20
front/src/modules/ui/components/menu/DropdownMenu.tsx
Normal file
20
front/src/modules/ui/components/menu/DropdownMenu.tsx
Normal file
@ -0,0 +1,20 @@
|
||||
import styled from '@emotion/styled';
|
||||
|
||||
export const DropdownMenu = styled.div`
|
||||
width: 200px;
|
||||
height: fit-content;
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
|
||||
background: ${(props) => props.theme.secondaryBackgroundTransparent};
|
||||
|
||||
border: 1px solid ${(props) => props.theme.lightBorder};
|
||||
|
||||
border-radius: calc(${(props) => props.theme.borderRadius} * 2);
|
||||
|
||||
box-shadow: ${(props) => props.theme.modalBoxShadow};
|
||||
|
||||
backdrop-filter: blur(20px);
|
||||
`;
|
||||
Reference in New Issue
Block a user