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

Improve left menu toggle

Browse source
This commit is contained in:
Jackson Harper 2024-02-20 13:44:26 +08:00
parent 2d1db42de4
commit e649e07e8f
2 changed files with 5 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -48,7 +48,8 @@ export const headerControlWidths = (
return {
width: '95%',
'@mdDown': {
width: multiSelectMode !== 'off' ? '100%' : '95%',
padding: '15px',
width: '100%',
},
'@media (min-width: 930px)': {
width: '620px',

5
packages/web/components/templates/navMenu/LibraryMenu.tsx
View file

@ -112,9 +112,10 @@ export function LibraryFilterMenu(props: LibraryFilterMenuProps): JSX.Element {
display: 'none',
},
'@mdDown': {
visibility: props.showFilterMenu ? 'visible' : 'hidden',
width: '100%',
transition: 'visibility 0s, top 150ms',
transition: 'left 50ms, top 750ms',
left: props.showFilterMenu ? '0' : '-500px',
visibility: props.showFilterMenu ? 'visible' : 'hidden',
},
zIndex: 10,
}}