Remove the header border on small screens

This commit is contained in:
Jackson Harper
2023-08-07 15:34:10 +08:00
parent 54b80d9379
commit 8a91c1916b

View File

@ -32,13 +32,10 @@ export function ReaderHeader(props: ReaderHeaderProps): JSX.Element {
height: HEADER_HEIGHT,
display: props.alwaysDisplayToolbar ? 'flex' : 'transparent',
pointerEvents: props.alwaysDisplayToolbar ? 'unset' : 'none',
borderBottom: props.alwaysDisplayToolbar
? '1px solid $thBorderColor'
: '1px solid transparent',
borderBottom: '1px solid transparent',
'@xlgDown': {
bg: '$readerBg',
pointerEvents: 'unset',
borderBottom: '1px solid $thBorderColor',
},
'@mdDown': {
bg: '$readerBg',