diff options
Diffstat (limited to 'src/components/search_bar.tsx')
-rw-r--r-- | src/components/search_bar.tsx | 9 |
1 files changed, 5 insertions, 4 deletions
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" |