Update viewerjs toolbar styles

This commit is contained in:
carlobortolan 2025-01-25 17:33:50 +01:00
parent 805ac69fa9
commit a709bf03f5
No known key found for this signature in database
GPG Key ID: 574D9F10F0EED1BE

View File

@ -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,