From d401bb868276ee6f57f377c7e47f61d2c868204e Mon Sep 17 00:00:00 2001
From: pheralb <pablohdez4340@gmail.com>
Date: Sat, 16 Dec 2023 22:35:46 +0000
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20Design=20improvements.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/navbar.svelte  | 2 +-
 src/components/search.svelte  | 2 +-
 src/components/svgCard.svelte | 2 +-
 src/routes/api/+page.svelte   | 4 ++--
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/navbar.svelte b/src/components/navbar.svelte
index 19ad986..3fbe88d 100644
--- a/src/components/navbar.svelte
+++ b/src/components/navbar.svelte
@@ -74,7 +74,7 @@
                 this={link.icon}
                 size={16}
                 strokeWidth={1.5}
-                class="ml-1 transition-transform duration-300 group-hover:-translate-y-[1px]"
+                class="ml-1 transition-transform duration-300 group-hover:translate-x-[1px]"
               />
             {/if}
           </a>
diff --git a/src/components/search.svelte b/src/components/search.svelte
index 60164fc..137dd89 100644
--- a/src/components/search.svelte
+++ b/src/components/search.svelte
@@ -7,7 +7,7 @@
 </script>
 
 <div class="sticky top-[63px] z-50">
-  <div class="relative w-full text-lg">
+  <div class="relative w-full text-[16px]">
     <div class="absolute inset-y-0 left-0 flex items-center pl-3 text-neutral-500">
       <div class="pointer-events-none">
         <SearchIcon size={20} strokeWidth={searchTerm ? 2.5 : 1.5} />
diff --git a/src/components/svgCard.svelte b/src/components/svgCard.svelte
index 740ca3c..2e38a57 100644
--- a/src/components/svgCard.svelte
+++ b/src/components/svgCard.svelte
@@ -61,7 +61,7 @@
       <p class="truncate text-[15px] font-medium text-balance text-center">{svgInfo.title}</p>
       <a
         href={`/directory/${svgInfo.category.toLowerCase()}`}
-        class="text-sm lowercase text-neutral-500 hover:underline">{svgInfo.category}</a
+        class="text-sm lowercase text-neutral-500 hover:underline font-mono">{svgInfo.category}</a
       >
     </div>
     <div class="flex items-center space-x-1">
diff --git a/src/routes/api/+page.svelte b/src/routes/api/+page.svelte
index a3b027a..6e1d005 100644
--- a/src/routes/api/+page.svelte
+++ b/src/routes/api/+page.svelte
@@ -22,10 +22,10 @@
       </h1>
       <span class="relative inline-block overflow-hidden rounded-full p-[1px] shadow-sm">
         <span
-          class="absolute inset-[-1000%] animate-[spin_4s_linear_infinite] bg-[conic-gradient(from_90deg_at_50%_50%,#121212_0%,#121212_50%,#737373_100%)]"
+          class="absolute inset-[-1000%] animate-[spin_4s_linear_infinite] bg-[conic-gradient(from_90deg_at_50%_50%,#f4f4f5_0%,#f4f4f5_50%,#737373_100%)] dark:bg-[conic-gradient(from_90deg_at_50%_50%,#121212_0%,#121212_50%,#737373_100%)]"
         />
         <div
-          class="inline-flex h-full w-full cursor-pointer items-center justify-center rounded-full bg-neutral-900 px-3 py-1 text-sm font-medium text-white backdrop-blur-3xl border border-neutral-800"
+          class="inline-flex h-full w-full cursor-pointer items-center justify-center rounded-full bg-neutral-100 dark:bg-neutral-900 px-3 py-1 text-sm font-medium dark:text-white backdrop-blur-3xl border border-neutral-100 dark:border-neutral-800"
         >
           beta
         </div>