strtus/Vercel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update viewerjs toolbar styles

Browse Source
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
1 changed files with 13 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/image/ImageWithFallback.tsx
View File

@ -70,10 +70,6 @@ export default function ImageWithFallback(props: ImageProps & {
zoomIn: 1,
zoomOut: 1,
reset: 1,
play: {
show: 0,
size: 'large',
},
tooltip: 1,
},
});
@ -99,9 +95,19 @@ export default function ImageWithFallback(props: ImageProps & {
return (
<>
<style jsx global>
{'.viewer-canvas { background-color: black !important; }'}
</style>
<style jsx global>{` // Viewerjs customizations
.viewer-canvas { background-color: black !important; }
.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
className={clsx(
className,