From 31cc5ecdb693be1da04ee0a3e6dc876535d5fb4b Mon Sep 17 00:00:00 2001
From: HombreLaser <sebastian-440@live.com>
Date: Sun, 23 Apr 2023 13:12:25 -0600
Subject: Añade loader
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/search_bar.tsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

(limited to 'src/components/search_bar.tsx')

diff --git a/src/components/search_bar.tsx b/src/components/search_bar.tsx
index 5f1f438..a33bcca 100644
--- a/src/components/search_bar.tsx
+++ b/src/components/search_bar.tsx
@@ -1,18 +1,19 @@
-import "./stylesheets/searchbar.css"
+import "./stylesheets/shared.css"
+import "./stylesheets/search_bar.css"
 
 export default function SearchBar({ path }) {
   return(
     <div>
       <form action={path} method="get" id="search-form">
-        <div className="flex justify-center">
-          <div>
+        <div className="flex justify-start">
+          <div className="search-bar-field">
             <input className="rounded-l border border-solid border-neutral-300 bg-transparent bg-clip-padding px-3 py-[0.25rem] text-base font-normal leading-[1.6] text-neutral-700 outline-none transition duration-200 ease-in-out focus:z-[3] focus:border-primary focus:text-neutral-700 focus:shadow-[inset_0_0_0_1px_rgb(59,113,202)] focus:outline-none dark:border-neutral-600 dark:text-neutral-200 dark:placeholder:text-neutral-200 dark:focus:border-primary" 
               type="text" name="name" id="search"/>
           </div>
 
           <div>
             <button form="search-form"
-                    className="rounded-r bg-primary px-6 py-2 text-xs font-medium uppercase leading-tight text-white shadow-md transition duration-150 ease-in-out hover:bg-primary-700 hover:shadow-lg focus:bg-primary-700 focus:shadow-lg focus:outline-none focus:ring-0 active:bg-primary-800 active:shadow-lg">
+                    className="button rounded-r px-6 py-2 text-xs font-medium uppercase leading-tight text-white shadow-md transition duration-150 ease-in-out hover:bg-primary-700 hover:shadow-lg focus:bg-primary-700 focus:shadow-lg focus:outline-none focus:ring-0 active:bg-primary-800 active:shadow-lg">
               <svg
                 xmlns="http://www.w3.org/2000/svg"
                 viewBox="0 0 20 20"
-- 
cgit v1.2.3

