feat: update tag margin and increment post limit preview

Author: Doc94

src/components/news/Tag.astro

@@ -44,7 +44,5 @@ const formatTag = (t: string) => {
     "inline-flex items-center rounded-full border px-2.5 py-0.5 align-middle text-[10px] font-medium tracking-wider uppercase transition-colors",
     colorClass,
     className,
-  ]}
+  ]}>{formatTag(name)}</a
 >
-  {formatTag(name)}
-</a>

src/pages/news/index.astro

@@ -5,13 +5,12 @@ import { formatDateLong } from "@/utils/time";
 import { countWords, minutesToRead, truncateForPreview } from "@/utils/content";
 import { Icon } from "astro-icon/components";
 import Tag from "@/components/news/Tag.astro";
-import IconButton from "@/components/IconButton.astro";
 
 const posts = (await getCollection("posts")).sort((a, b) => b.data.date.valueOf() - a.data.date.valueOf());
 
 const postsWithMeta = posts.map((p) => {
   const words = countWords(p.body ?? "");
-  const excerpt = truncateForPreview(p.body ?? "", 512);
+  const excerpt = truncateForPreview(p.body ?? "", 700);
   return {
     ...p,
     words,
@@ -60,7 +59,7 @@ const postsWithMeta = posts.map((p) => {
                     </div>
 
                     {entry.data.tags && entry.data.tags.length > 0 && (
-                      <div class="flex flex-wrap gap-1.5">
+                      <div class="flex flex-row flex-wrap gap-0.5">
                         {entry.data.tags.map((tag: string) => (
                           <Tag name={tag} />
                         ))}