From 97c506b847db320a642764735acb71181c54c45a Mon Sep 17 00:00:00 2001
From: Dillon Fagan <dillonfagan@pm.me>
Date: Tue, 10 Jan 2023 19:06:40 -0500
Subject: [PATCH] Fix thing card aspect ratio

---
 src/lib/Foundation.svelte       |  1 -
 src/lib/foundation/Card.svelte  | 10 ++--------
 src/lib/foundation/Image.svelte |  9 ---------
 src/lib/things/Thing.svelte     |  4 ++--
 4 files changed, 4 insertions(+), 20 deletions(-)
 delete mode 100644 src/lib/foundation/Image.svelte

diff --git a/src/lib/Foundation.svelte b/src/lib/Foundation.svelte
index a0f0d9a..fc6cac9 100644
--- a/src/lib/Foundation.svelte
+++ b/src/lib/Foundation.svelte
@@ -2,7 +2,6 @@
     export { default as Button } from "./foundation/Button.svelte";
     export { default as Card } from "./foundation/Card.svelte";
     export { default as Column } from "./foundation/Column.svelte";
-    export { default as Image } from "./foundation/Image.svelte";
     export { default as Link } from "./foundation/Link.svelte";
     export { default as Row } from "./foundation/Row.svelte";
     export { default as Text } from "./foundation/Text.svelte";
diff --git a/src/lib/foundation/Card.svelte b/src/lib/foundation/Card.svelte
index b4670b5..f047573 100644
--- a/src/lib/foundation/Card.svelte
+++ b/src/lib/foundation/Card.svelte
@@ -1,9 +1,3 @@
-<script>
-    export let style = "h-auto w-auto"
-</script>
-
-<div class={style}>
-    <div class="h-full bg-white brutal hovers-static overflow-hidden">
-        <slot />
-    </div>
+<div class="h-auto w-auto aspect-square flex flex-col bg-white brutal hovers-static overflow-hidden">
+    <slot />
 </div>
\ No newline at end of file
diff --git a/src/lib/foundation/Image.svelte b/src/lib/foundation/Image.svelte
deleted file mode 100644
index ca0e19f..0000000
--- a/src/lib/foundation/Image.svelte
+++ /dev/null
@@ -1,9 +0,0 @@
-<script>
-    export let src = "";
-    export let alt = "";
-
-    let className = "";
-    export { className as class };
-</script>
-
-<img {src} {alt} class="object-contain {className}" />
\ No newline at end of file
diff --git a/src/lib/things/Thing.svelte b/src/lib/things/Thing.svelte
index e3ba325..6934fd2 100644
--- a/src/lib/things/Thing.svelte
+++ b/src/lib/things/Thing.svelte
@@ -1,5 +1,5 @@
 <script>
-	import { Card, Image, Text } from "$lib/Foundation.svelte";
+	import { Card, Text } from "$lib/Foundation.svelte";
 
     export let thing;
 
@@ -11,7 +11,7 @@
 
 <div class="flex flex-col {className}">
     <Card>
-        <Image src={thing.image} alt={thing.name} class="aspect-square" />
+        <img src={thing.image} alt={thing.name} class="h-full w-full object-contain" />
     </Card>
     <div class="pl-1 pt-2 flex flex-col gap-2 justify-between flex-grow">
         <Text display bold smallauto>{thing.name}</Text>