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

Adjust search bar after adjusting left menu

Browse source
This commit is contained in:
Jackson Harper 2023-03-01 11:12:39 +08:00
parent b091ff830f
commit 2e16eab155
2 changed files with 8 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -8,7 +8,7 @@ import { useGetSubscriptionsQuery } from '../../../lib/networking/queries/useGet
import { useGetLabelsQuery } from '../../../lib/networking/queries/useGetLabelsQuery'
import { Label } from '../../../lib/networking/fragments/labelFragment'
const MENU_WIDTH = '300px'
export const LIBRARY_LEFT_MENU_WIDTH = '300px'
type LibraryFilterMenuProps = {
setShowAddLinkModal: (show: boolean) => void
@ -27,7 +27,7 @@ export function LibraryFilterMenu(props: LibraryFilterMenuProps): JSX.Element {
position: 'fixed',
bg: 'white',
height: '100%',
width: MENU_WIDTH,
width: LIBRARY_LEFT_MENU_WIDTH,
borderRight: '1px solid #E1E1E1',
pr: '15px',
overflow: 'auto',
@ -45,7 +45,7 @@ export function LibraryFilterMenu(props: LibraryFilterMenuProps): JSX.Element {
the fixed left side menu. */}
<Box
css={{
minWidth: MENU_WIDTH,
minWidth: LIBRARY_LEFT_MENU_WIDTH,
height: '100%',
bg: '$grayBase',
}}
@ -312,7 +312,7 @@ function AddLinkButton(props: AddLinkButtonProps): JSX.Element {
<VStack
css={{
marginTop: 'auto',
width: MENU_WIDTH,
width: LIBRARY_LEFT_MENU_WIDTH,
height: '80px',
pl: '25px',
}}

7
packages/web/components/templates/homeFeed/LibraryHeader.tsx
View file

@ -12,6 +12,7 @@ import { ListSelectorIcon } from '../../elements/images/ListSelectorIcon'
import { GridSelectorIcon } from '../../elements/images/GridSelectorIcon'
import { LayoutType } from './HomeFeedContainer'
import { PrimaryDropdown } from '../PrimaryDropdown'
import { LIBRARY_LEFT_MENU_WIDTH } from './LibraryFilterMenu'
type LibraryHeaderProps = {
layout: LayoutType
@ -214,10 +215,10 @@ function LogoBox(): JSX.Element {
<>
<SpanBox
css={{
ml: '25px',
pl: '25px',
height: '24px',
width: '232px',
minWidth: '232px',
width: LIBRARY_LEFT_MENU_WIDTH,
minWidth: LIBRARY_LEFT_MENU_WIDTH,
'@mdDown': {
display: 'none',
},