Update viewerjs toolbar styles
This commit is contained in:
parent
805ac69fa9
commit
a709bf03f5
@ -70,10 +70,6 @@ export default function ImageWithFallback(props: ImageProps & {
|
|||||||
zoomIn: 1,
|
zoomIn: 1,
|
||||||
zoomOut: 1,
|
zoomOut: 1,
|
||||||
reset: 1,
|
reset: 1,
|
||||||
play: {
|
|
||||||
show: 0,
|
|
||||||
size: 'large',
|
|
||||||
},
|
|
||||||
tooltip: 1,
|
tooltip: 1,
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
@ -99,9 +95,19 @@ export default function ImageWithFallback(props: ImageProps & {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<style jsx global>
|
<style jsx global>{` // Viewerjs customizations
|
||||||
{'.viewer-canvas { background-color: black !important; }'}
|
.viewer-canvas { background-color: black !important; }
|
||||||
</style>
|
.viewer-reset::before {
|
||||||
|
content: '1:1';
|
||||||
|
font-size: 13px;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #fff;
|
||||||
|
display: inline-block;
|
||||||
|
position: relative;
|
||||||
|
bottom: -9px;
|
||||||
|
letter-spacing: -2px;
|
||||||
|
background-image: none;
|
||||||
|
}`}</style>
|
||||||
<div
|
<div
|
||||||
className={clsx(
|
className={clsx(
|
||||||
className,
|
className,
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user