add design system link in footer

nemanjam · Jul 21, 2024 · 8d6de7b · 8d6de7b
1 parent 637cdeb
commit 8d6de7b
Showing 1 changed file with 8 additions and 5 deletions.
diff --git a/src/components/Footer.astro b/src/components/Footer.astro
@@ -27,13 +27,16 @@ const trimmedMessage = limitString(message, messageLength);
     <div class="flex justify-between gap-4 flex-col-reverse md:flex-row md:w-full">
       <!-- left column -->
       <div class="flex items-center gap-2 flex-wrap text-sm text-content whitespace-nowrap">
-        <label class="font-bold">Latest commit:</label>
-        <span class="flex items-center gap-2 flex-wrap">
-          <span> {shortDateStr} </span>
-          <Link href={commitUrl} title="Commit url" target="_blank">
+        <div class="flex items-center gap-2">
+          <label class="font-bold">Latest commit:</label>
+          <Link href={commitUrl} title={shortDateStr} target="_blank">
             {trimmedMessage}
           </Link>
-        </span>
+        </div>
+        <div class="flex items-center gap-2">
+          <label class="font-bold">Design system:</label>
+          <Link href={`${ROUTES.DESIGN}`} title="Design system">link</Link>
+        </div>
       </div>
 
       <!-- right column -->