prehistoric-systems/omnivore
1
0
Fork 0
mirror of https://github.com/omnivore-app/omnivore.git synced 2026-03-11 08:54:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Allow the left bar to scroll when expanded

Browse source
This commit is contained in:
Jackson Harper 2023-02-24 19:43:33 +08:00
parent 5237c35a81
commit 0a949dc82f
2 changed files with 32 additions and 29 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
packages/web/components/templates/homeFeed/HomeFeedContainer.tsx
View file

@ -807,7 +807,6 @@ function HomeFeedGrid(props: HomeFeedContentProps): JSX.Element {
}}
/>
</SpanBox>
<VStack
alignment="center"
css={{

60
packages/web/components/templates/homeFeed/LibraryFilterMenu.tsx
View file

@ -54,6 +54,7 @@ export function LibraryFilterMenu(props: LibraryFilterMenuProps): JSX.Element {
height: '100%',
borderRight: '1px solid #E1E1E1',
pr: '15px',
overflow: 'auto',
}}
>
<SavedSearches {...props} />
@ -346,37 +347,40 @@ type AddLinkButtonProps = {
function AddLinkButton(props: AddLinkButtonProps): JSX.Element {
return (
<VStack
css={{
position: 'fixed',
bottom: '0',
width: '233px',
height: '80px',
pl: '25px',
}}
distribution="center"
>
<Button
<>
<VStack
css={{
height: '40px',
p: '15px',
pr: '20px',
fontSize: '14px',
verticalAlign: 'center',
color: '#3D3D3D',
display: 'flex',
alignItems: 'center',
fontWeight: '600',
}}
onClick={(e) => {
props.showAddLinkModal()
e.preventDefault()
position: 'fixed',
bottom: '0',
width: '233px',
height: '80px',
pl: '25px',
}}
distribution="center"
>
<Plus size={16} weight="bold" />
<SpanBox css={{ width: '10px' }}></SpanBox>Add Link
</Button>
</VStack>
<Button
css={{
height: '40px',
p: '15px',
pr: '20px',
fontSize: '14px',
verticalAlign: 'center',
color: '#3D3D3D',
display: 'flex',
alignItems: 'center',
fontWeight: '600',
}}
onClick={(e) => {
props.showAddLinkModal()
e.preventDefault()
}}
>
<Plus size={16} weight="bold" />
<SpanBox css={{ width: '10px' }}></SpanBox>Add Link
</Button>
</VStack>
<Box css={{ height: '180px ' }} />
</>
)
}