improve tools styling

nfdi4plants · Sep 20, 2024 · 54ebe12 · 54ebe12
1 parent cbc4913
commit 54ebe12
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/src/components/ToolComponent.astro b/src/components/ToolComponent.astro
@@ -25,7 +25,7 @@ const html: string | null = Astro.props.html
 <div class="card-bordered rounded border-base-content mb-4">
   <div class="card-body">
     <h3 class="card-title !mt-0" id={props.slug} class="anchor"><a href={"#" + props.slug} class="anchor-link">#</a>{props.title}</h3>
-    <div class="flex justify-between">
+    <div class="flex justify-between subtitle">
       <div class="flex gap-3">
         <h4 class="subtitle">by {props.contributors}</h4>
       </div>
@@ -34,9 +34,11 @@ const html: string | null = Astro.props.html
         {props.repo && <a href={props.repo} title="Code Source"><Icon name="mdi:file-code-outline" size="1.5rem"/></a>}
       </div>
     </div>
-    <div class="flex gap-2">
-      {props.tags && props.tags.map((tag) => <div class="badge badge-ghost">{tag}</div>)}
-    </div>
+    {props.tags.length !== 0 && (
+      <div class="flex gap-2">
+        {props.tags.map((tag) => <div class="badge badge-ghost">{tag}</div>)}
+      </div>
+    )}
     <div>
       {html && <div set:html={html}></div>}
       {props.readMore &&