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 the height of the header in the library

Browse source 
We need to handle library headers and PDF headers differently.
This commit is contained in:
Jackson Harper 2023-03-21 12:57:10 +08:00
parent b0db2555ed
commit 89d59be1f2
3 changed files with 21 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
packages/web/components/templates/article/PdfHeaderSpacer.tsx Normal file
View file

@ -0,0 +1,18 @@
import { Box } from '../../elements/LayoutPrimitives'
export const HEADER_HEIGHT = '105px'
export const MOBILE_HEADER_HEIGHT = '70px'
export function PdfHeaderSpacer(): JSX.Element {
return (
<Box
css={{
height: HEADER_HEIGHT,
bg: '$grayBase',
'@xlgDown': {
height: MOBILE_HEADER_HEIGHT,
},
}}
></Box>
)
}

2
packages/web/components/templates/homeFeed/HeaderSpacer.tsx
View file

@ -9,7 +9,7 @@ export function HeaderSpacer(): JSX.Element {
css={{
height: HEADER_HEIGHT,
bg: '$grayBase',
'@xlgDown': {
'@mdDown': {
height: MOBILE_HEADER_HEIGHT,
},
}}

4
packages/web/pages/[username]/[slug]/index.tsx
View file

@ -37,7 +37,7 @@ import { setLabelsMutation } from '../../../lib/networking/mutations/setLabelsMu
import { ReaderHeader } from '../../../components/templates/reader/ReaderHeader'
import { EditArticleModal } from '../../../components/templates/homeFeed/EditItemModals'
import { VerticalArticleActionsMenu } from '../../../components/templates/article/VerticalArticleActions'
import { HeaderSpacer } from '../../../components/templates/homeFeed/HeaderSpacer'
import { PdfHeaderSpacer } from '../../../components/templates/article/PdfHeaderSpacer'
const PdfArticleContainerNoSSR = dynamic<PdfArticleContainerProps>(
() => import('./../../../components/templates/article/PdfArticleContainer'),
@ -318,7 +318,7 @@ export default function Home(): JSX.Element {
/>
</ReaderHeader>
{article?.contentReader == 'PDF' && <HeaderSpacer />}
{article?.contentReader == 'PDF' && <PdfHeaderSpacer />}
<VStack
distribution="between"