feat: minimum size

Author: Seldszar

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}

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`,
             }}

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.
    */