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

Fix reader header on very narrow screens like the Samsung Fold

Browse source
This commit is contained in:
Jackson Harper 2023-06-30 09:08:01 -07:00
parent 40d54d544a
commit 255ba408f6
1 changed files with 6 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
packages/web/components/templates/reader/ReaderHeader.tsx
View file

@ -65,6 +65,9 @@ export function ReaderHeader(props: ReaderHeaderProps): JSX.Element {
display: props.alwaysDisplayToolbar ? 'flex' : 'none',
},
'@mdDown': { px: '15px' },
'@media (max-width: 300px)': {
display: 'none',
},
}}
>
{props.children}
@ -76,6 +79,9 @@ export function ReaderHeader(props: ReaderHeaderProps): JSX.Element {
'@lgDown': {
display: 'none',
},
'@media (max-width: 300px)': {
display: 'flex',
},
}}
>
<ControlButtonBox {...props} />