Fix image sizing (#13)

Author: John Richard Chipps-Harding

src/components/ImageStack/index.tsx

@@ -1,17 +1,14 @@
 /* eslint-disable @next/next/no-img-element */
-import { CSSProperties } from "react";
-
 import { SHOW_TITLE } from "@/config";
 
 import styles from "./ImageStack.module.css";
 
 interface Props {
   images?: string[];
-  style?: CSSProperties;
 }
 
-export const ImageStack = ({ images = [], style }: Props) => (
-  <ul className={styles.list} style={style}>
+export const ImageStack = ({ images = [] }: Props) => (
+  <ul className={styles.list}>
     {images.map((image) => (
       <li key={image}>
         {SHOW_TITLE && <h2>{image}</h2>}

src/pages/index.tsx

@@ -24,7 +24,9 @@ const Home: NextPage = () => {
         <title>Folder Stack</title>
       </Head>
       <div ref={fullscreenContainerRef} onClick={toggleFullscreen}>
-        <ImageStack style={STACK_STYLE} images={images} />
+        <div style={STACK_STYLE}>
+          <ImageStack images={images} />
+        </div>
       </div>
     </>
   );