added transition to search btn, some padding to footer on mobile devi…

…ce and feat(slang): added y (#405)
Njong392 · Jan 11, 2024 · 163c197 · 163c197 · vercel · Jan 11, 2024
1 parent 705f43b
commit 163c197
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 2 deletions.
diff --git a/public/server/db/y.json b/public/server/db/y.json
@@ -0,0 +1,3 @@
+{
+  "definition": "Why"
+}
diff --git a/src/components/footer.jsx b/src/components/footer.jsx
@@ -1,7 +1,7 @@
 const Footer = () => {
   return (
     <footer>
-      <div className="bottom-0 text-center p-2 bg-dark">
+      <div className="bottom-0 text-center p-4 bg-dark md:p-2">
         <p className="text-sm mt-5 text-ash">
           Found something odd?{" "}
           <a href="https://github.com/Njong392/Abbreve">

diff --git a/src/components/form.jsx b/src/components/form.jsx
@@ -115,7 +115,7 @@ const Form = () => {
             <button
               onClick={fetchData}
               disabled={isLoading || !hasUserInputChanged}
-              className="bg-deeppurple text-ash font-bold rounded-xl hover:scale-110 p-2 mt-4 md:mt-0 items-center flex justify-center h-[50px] min-w-[100px] w-full md:w-auto">
+              className="bg-deeppurple text-ash font-bold rounded-xl hover:scale-110 p-2 mt-4 md:mt-0 items-center flex justify-center h-[50px] min-w-[100px] w-full transition-all cursor-pointer md:w-auto">
               {isLoading ? <LoadingSpinner /> : "Search"}
             </button>
           </form>