Fix position of fullscreen arrows (fixes #594)
This commit is contained in:
parent
f27a1924b4
commit
d235a7e352
|
@ -50,15 +50,16 @@ const ExitButton = styled(OverlayButton)`
|
|||
top: 28px;
|
||||
`
|
||||
|
||||
const NavigationButton = styled(OverlayButton)<{ float: 'left' | 'right' }>`
|
||||
const NavigationButton = styled(OverlayButton)<{ align: 'left' | 'right' }>`
|
||||
height: 80%;
|
||||
width: 20%;
|
||||
top: 10%;
|
||||
|
||||
${({ float }) => (float == 'left' ? 'left: 0;' : null)}
|
||||
${({ float }) => (float == 'right' ? 'right: 0;' : null)}
|
||||
${({ align: float }) => (float == 'left' ? 'left: 0;' : null)}
|
||||
${({ align: float }) => (float == 'right' ? 'right: 0;' : null)}
|
||||
|
||||
& svg {
|
||||
margin: auto;
|
||||
width: 48px;
|
||||
height: 64px;
|
||||
}
|
||||
|
@ -103,7 +104,7 @@ const PresentNavigationOverlay = ({
|
|||
<NavigationButton
|
||||
aria-label="Previous image"
|
||||
className={hide ? 'hide' : undefined}
|
||||
float="left"
|
||||
align="left"
|
||||
onClick={() => dispatchMedia({ type: 'previousImage' })}
|
||||
>
|
||||
<PrevIcon />
|
||||
|
@ -111,7 +112,7 @@ const PresentNavigationOverlay = ({
|
|||
<NavigationButton
|
||||
aria-label="Next image"
|
||||
className={hide ? 'hide' : undefined}
|
||||
float="right"
|
||||
align="right"
|
||||
onClick={() => dispatchMedia({ type: 'nextImage' })}
|
||||
>
|
||||
<NextIcon />
|
||||
|
|
Loading…
Reference in New Issue