Merge pull request #6 from pvdthings/dev/v0.7.1

dev/v0.7.1
pvdthings · Jan 11, 2023 · fd8be16 · fd8be16 · vercel · Feb 2, 2023
2 parents 111f0cd + ad3bb1c
commit fd8be16
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 20 deletions.
diff --git 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
@@ -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>
diff --git a/src/lib/foundation/Image.svelte b/src/lib/foundation/Image.svelte
diff --git 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>