fix(gui): align background image when it is larger than canvas

2023-01-19 19:59:35 -06:00 · 2023-01-19 19:59:35 -06:00 · 99982c6a19
parent 4a3bb97342
commit 99982c6a19
1 changed files with 1 additions and 0 deletions
--- a/gui/src/components/input/MaskCanvas.tsx
+++ b/gui/src/components/input/MaskCanvas.tsx
@ -175,6 +175,7 @@ export function MaskCanvas(props: MaskCanvasProps) {
  const styles: React.CSSProperties = {
    backgroundPosition: 'top left',
    backgroundRepeat: 'no-repeat',
+    backgroundSize: 'contain',
    border: '1px solid black',
    maxHeight: params.height.default,
    maxWidth: params.width.default,