Misc changes

2023-09-14 15:34:39 +02:00
parent ba488ab434
commit 7b44042505
5 changed files with 22 additions and 33 deletions
--- a/src/lib/components/CatalogItem.svelte
+++ b/src/lib/components/CatalogItem.svelte
@@ -10,25 +10,14 @@
 </script>

 <a href={volumeName} on:click={onClick}>
-	<div class="content">
+	<div class="flex flex-col gap-[5px] text-center">
 		{mokuroData.title}
 		{#if files}
-			<img src={URL.createObjectURL(Object.values(files)[0])} alt="img" />
+			<img
+				src={URL.createObjectURL(Object.values(files)[0])}
+				alt="img"
+				class="object-contain w-[250px] h-[350px] bg-black border-gray-900 border"
+			/>
 		{/if}
 	</div>
 </a>
-
-<style>
-	img {
-		width: 250px;
-		height: 350px;
-		object-fit: contain;
-	}
-
-	.content {
-		display: flex;
-		flex-direction: column;
-		gap: 5px;
-		text-align: center;
-	}
-</style>