Set the width of the drop container to 100% so it doesn't compress the list view

This commit is contained in:
Jackson Harper 2022-11-22 12:41:56 +08:00
parent 89d4259a8e
commit 3c6526cf8b
2 changed files with 6 additions and 2 deletions

View file

@ -908,7 +908,8 @@ function HomeFeedGrid(props: HomeFeedContentProps): JSX.Element {
fontSize: '$4',
}}
>
Drop PDF document here to add to your library
Drag PDF document to this area to upload and add to your
library
</Box>
</DragnDropStyle>
)}

View file

@ -97,7 +97,10 @@ export function LibraryList(props: LibraryListProps): JSX.Element {
noDragEventsBubbling={true}
>
{({ getRootProps, getInputProps, acceptedFiles, fileRejections }) => (
<Box {...getRootProps({ className: 'dropzone' })}>
<Box
{...getRootProps({ className: 'dropzone' })}
css={{ width: '100%' }}
>
<input {...getInputProps()} />
<Masonry
breakpointCols={