From da36cb044a5e92803f08f3ee06d5a8872a4efb20 Mon Sep 17 00:00:00 2001
From: Kalidou Diagne <kld.diagne@gmail.com>
Date: Thu, 29 Feb 2024 11:48:14 -0700
Subject: [PATCH] contact share button fixed on bottom

---
 src/components/Checkbox.tsx    |  3 +--
 src/pages/users/[id]/share.tsx | 10 ++++++----
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/components/Checkbox.tsx b/src/components/Checkbox.tsx
index 424981f7..4742ff7d 100644
--- a/src/components/Checkbox.tsx
+++ b/src/components/Checkbox.tsx
@@ -1,6 +1,5 @@
 import { classed } from "@tw-classed/react";
 import { Icons } from "./Icons";
-import { useState } from "react";
 
 type CheckboxType = "checkbox" | "button";
 interface CheckboxProps
@@ -15,7 +14,7 @@ interface CheckboxProps
 }
 
 const CheckboxBase = classed.label(
-  "duration-300 bg-transparent peer-checked:bg-gray-200 w-full flex border border-gray-400 text-sm justify-center items-center rounded-[4px] cursor-pointer py-[18px] overflow-hidden"
+  "duration-300 bg-transparent peer-checked:bg-gray-200 w-full flex border border-gray-400 text-sm justify-center items-center rounded-[4px] cursor-pointer py-[12px] xs:py-[18px] overflow-hidden"
 );
 
 const CheckboxComponent = classed.label(
diff --git a/src/pages/users/[id]/share.tsx b/src/pages/users/[id]/share.tsx
index 49048016..e6aea143 100644
--- a/src/pages/users/[id]/share.tsx
+++ b/src/pages/users/[id]/share.tsx
@@ -184,7 +184,7 @@ const SharePage = () => {
     <div>
       <AppBackHeader redirectTo="/" />
       <FormStepLayout
-        className="!pt-0"
+        className="!pt-0 !pb-14"
         title={
           <span className="text-base text-gray-12 !pb-1">{`Share with ${user.name}`}</span>
         }
@@ -273,9 +273,11 @@ const SharePage = () => {
             setPrivateNote(event.target.value);
           }}
         />
-        <Button loading={loading} type="submit">
-          Share
-        </Button>
+        <div className="fixed bottom-0 bg-[#111] right-0 left-0 p-3">
+          <Button loading={loading} type="submit">
+            Share
+          </Button>
+        </div>
       </FormStepLayout>
     </div>
   );