Make the labels modal non-scrollable on small screens, add a border

This commit is contained in:
Jackson Harper
2022-04-12 12:35:56 -07:00
parent cbff548b98
commit 244cced8b4

View File

@ -23,7 +23,7 @@ export function EditLabelsModal(props: EditLabelsModalProps): JSX.Element {
<ModalRoot defaultOpen onOpenChange={props.onOpenChange}>
<ModalOverlay />
<ModalContent
css={{ overflow: 'auto' }}
css={{ border: '1px solid $grayBorder' }}
onPointerDownOutside={(event) => {
event.preventDefault()
props.onOpenChange(false)