Benature/omnivore
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix header in highlights mode

Browse Source
This commit is contained in:
Jackson Harper
2024-02-09 13:33:51 +08:00
parent 5979609620
commit 7e3d533b55
2 changed files with 19 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/web/components/templates/homeFeed/HighlightsLayout.tsx
View File

@ -122,7 +122,7 @@ export function HighlightItemsLayout(
<HStack
css={{
width: '100%',
height: `calc(100vh - ${headerHeight})`,
height: `calc(100vh - ${DEFAULT_HEADER_HEIGHT})`,
'@lgDown': {
overflowY: 'scroll',
},
@ -153,7 +153,7 @@ export function HighlightItemsLayout(
>
<VStack
css={{
minHeight: `calc(100vh - ${headerHeight})`,
minHeight: `calc(100vh - ${DEFAULT_HEADER_HEIGHT})`,
bg: '$thBackground',
}}
distribution="start"

32
packages/web/components/templates/homeFeed/HomeFeedContainer.tsx
View File

@ -962,21 +962,23 @@ function HomeFeedGrid(props: HomeFeedContentProps): JSX.Element {
width: props.mode == 'highlights' ? '100%' : 'unset',
}}
>
<LibraryHeader
layout={layout}
updateLayout={updateLayout}
searchTerm={props.searchTerm}
applySearchQuery={(searchQuery: string) => {
props.applySearchQuery(searchQuery)
}}
showFilterMenu={showFilterMenu}
setShowFilterMenu={setShowFilterMenu}
multiSelectMode={props.multiSelectMode}
setMultiSelectMode={props.setMultiSelectMode}
numItemsSelected={props.numItemsSelected}
showAddLinkModal={() => props.setShowAddLinkModal(true)}
performMultiSelectAction={props.performMultiSelectAction}
/>
{props.mode != 'highlights' && (
<LibraryHeader
layout={layout}
updateLayout={updateLayout}
searchTerm={props.searchTerm}
applySearchQuery={(searchQuery: string) => {
props.applySearchQuery(searchQuery)
}}
showFilterMenu={showFilterMenu}
setShowFilterMenu={setShowFilterMenu}
multiSelectMode={props.multiSelectMode}
setMultiSelectMode={props.setMultiSelectMode}
numItemsSelected={props.numItemsSelected}
performMultiSelectAction={props.performMultiSelectAction}
/>
)}
<HStack css={{ width: '100%', height: '100%' }}>
<LibraryFilterMenu
setShowAddLinkModal={props.setShowAddLinkModal}