feat: minimum size

Seldszar · Jul 24, 2021 · f62c00f · f62c00f
1 parent eba754f
commit f62c00f
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 0 deletions.
diff --git a/public/settings.js b/public/settings.js
@@ -35,6 +35,12 @@ window.settings = {
  */
  direction: "top",
 
+ /**
+ * Minimum size, in pixels, of the displayed image.
+ * @type {Number}
+ */
+ minSize: 200,
+
  /**
  * Maximum size, in pixels, of the displayed image.
  * @type {Number}

diff --git a/src/components/App.tsx b/src/components/App.tsx
@@ -151,6 +151,8 @@ const App: FC = () => {
  ref={imageRef}
  className={styles.image}
  style={{
+ minHeight: `${settings.minSize}px`,
+ minWidth: `${settings.minSize}px`,
  maxHeight: `${settings.maxSize}px`,
  maxWidth: `${settings.maxSize}px`,
  }}

diff --git a/src/types/settings.d.ts b/src/types/settings.d.ts
@@ -24,6 +24,11 @@ export interface Settings {
  */
  direction: "top" | "right" | "bottom" | "left";
 
+ /**
+ * Minimum size, in pixels, of the displayed image.
+ */
+ minSize: number;
+
  /**
  * Maximum size, in pixels, of the displayed image.
  */