Lixfel anmerkungen #2

src/components/PostComponent.astro

@@ -11,13 +11,16 @@ interface Props {
     post: CollectionEntry<"announcements">
 }
 
-const { post } = Astro.props as Props;
+const { post, slim }: {
+    post: CollectionEntry<"announcements">,
+    slim: boolean,
+} = Astro.props as Props;
 
 const postUrl = l(`/announcements/${post.slug.split("/").slice(1).join("/")}`);
 ---
 
-<Card extraClasses="w-full items-start mx-0" hoverEffect={false}>
-    <div class="p-4 flex flex-row">
+<Card extraClasses={`w-full items-start mx-0 ${slim ? "m-0 p-1" : ""}`} hoverEffect={false}>
+    <div class={`flex flex-row ${slim ? "":"p-4"}`}>
         {post.data.image != null
             ? (
                 <a href={postUrl}>