casing i fe. detail embryo

Frontend/src/components/AuthorCard.tsx

@@ -1,17 +1,22 @@
 import { Show, type Component } from "solid-js";
-import { author } from "../types/types";
+import { Author } from "../types/types";
 import { Card } from "solid-bootstrap";
 
-const AuthorCard: Component<{ author: author }> = (props: {
-	author: author;
+const AuthorCard: Component<{ author: Author }> = (props: {
+	author: Author;
 }) => {
 	return (
 		<Card class="book-card col-lg-2 col-md-3 col-sm-4">
-			<Card.Img
-				variant="top"
-				class="padding-1"
-				src={"/api/bibblan/authorcover/" + encodeURIComponent(props.author.id)}
-			/>
+			<div class="card-img-top missing">?</div>
+			<div
+				class="card-img-top author"
+				style={{
+					"background-image":
+						'url("/api/bibblan/authorcover/' +
+						encodeURIComponent(props.author.id) +
+						'")',
+				}}
+			></div>
 			<Card.Body>
 				<Card.Title>{props.author.name}</Card.Title>
 				<Card.Subtitle>