Update styles

derekmbrown · Feb 4, 2025 · 0e873db · 0e873db
1 parent 3e99471
commit 0e873db
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 8 deletions.
diff --git a/src/components/ui/TagItem.jsx b/src/components/ui/TagItem.jsx
@@ -1,7 +1,7 @@
 export default function TagItem({ tag }) {
   return (
     <a href={`/tags/${tag}`}>
-      <div class="bg-[#1E262F] rounded-lg mr-3 text-lg flex items-center">
+      <div class="bg-[#1E262F] rounded-lg mr-2 text-lg flex items-center">
         <div class="px-4 py-2">{tag}</div>
       </div>
     </a>

diff --git a/src/layouts/Note.astro b/src/layouts/Note.astro
@@ -37,12 +37,12 @@ tags.sort()
   <div class="flex flex-col mb-8">
     <div class="flex mb-5">
       {tags.map(tag => (
-        <div class="bg-[#1E262F] px-3 py-2 mr-3 rounded-lg text-sm">
-          <a href={`/tags/${tag}`}>
-            {tag}
-          </a>
-        </div>
-        ))}
+        <a href={`/tags/${tag}`}>
+          <div class="bg-[#1E262F] px-3 py-2 mr-2 rounded-lg text-sm">
+              {tag}
+          </div>
+        </a>
+      ))}
     </div>
     <span class="text-5xl mb-4 font-bold">{title}</span>
     <div class="flex flex-wrap">

diff --git a/src/pages/tags/index.astro b/src/pages/tags/index.astro
@@ -29,7 +29,7 @@ tags.sort()
   MetaTag="website", 
   MetaUrl="https://derekbrown.io"
 >
-  <div class="flex flex-wrap gap-y-3">
+  <div class="flex flex-wrap gap-y-2">
     {tags.map(tag => (
       <TagItem tag={tag} />
     ))}