From c17dffc8a285afcbc12bc8825f82c2081a3f2ec0 Mon Sep 17 00:00:00 2001
From: Zain Ali <chzainali6363@gmail.com>
Date: Mon, 10 Jul 2023 16:44:23 +0500
Subject: [PATCH] add form btn styling

---
 components/Form.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/Form.jsx b/components/Form.jsx
index 61bd8b7b..6ba6244f 100644
--- a/components/Form.jsx
+++ b/components/Form.jsx
@@ -47,14 +47,14 @@ const Form = ({ type, post, setPost, submitting, handleSubmit }) => {
         </label>
 
         <div className='flex-end mx-3 mb-5 gap-4'>
-          <Link href='/' className='text-gray-500 text-sm'>
+          <Link href='/' className='text-gray-500 text-sm font-medium hover:text-gray-700 transition-all duration-200'>
             Cancel
           </Link>
 
           <button
             type='submit'
             disabled={submitting}
-            className='px-5 py-1.5 text-sm bg-primary-orange rounded-full text-white'
+            className='px-5 py-1.5 text-sm bg-primary-orange rounded-full text-white shadow-md transition-all duration-200 hover:shadow-lg active:outline-none active:ring-2 active:ring-primary-orange active:ring-opacity-50'
           >
             {submitting ? `${type}ing...` : type}
           </button>