[INJIVER-727] - restyle button with new guidelines (#215)

Signed-off-by: Sreenadh S <[email protected]>
mosip · Oct 21, 2024 · 66c961d · 66c961d
1 parent 80355a0
commit 66c961d
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/ui/src/components/Home/VerificationSection/UploadQrCode.tsx b/ui/src/components/Home/VerificationSection/UploadQrCode.tsx
@@ -73,11 +73,11 @@ export const UploadQrCode = ({
   const UploadButton =({ displayMessage }: { displayMessage: string })=> {
     const UploadIcon = isHover ? WhiteUploadIcon : GradientUploadIcon;
     return (
-      <div className="bg-gradient hover:text-white p-1 bg-no-repeat rounded-[9999px] w-[350px]">
+      <div className="bg-gradient hover:text-white p-px bg-no-repeat rounded-[5px] w-[350px]">
         <label
           htmlFor={"upload-qr"}
           cursor-pointer
-          className="group bg-white hover:bg-gradient font-bold h-[40px] rounded-[9991px] flex content-center justify-center text-lgNormalTextSize pt-2 cursor-pointer"
+          className="group bg-white hover:bg-gradient font-bold h-[40px] rounded-[5px] flex content-center justify-center text-lgNormalTextSize pt-2 cursor-pointer"
         >
           <span className="mr-1.5">
             <UploadIcon />

diff --git a/ui/src/components/Home/VerificationSection/commons/StyledButton.tsx b/ui/src/components/Home/VerificationSection/commons/StyledButton.tsx
@@ -9,13 +9,13 @@ function StyledButton(props: StyledButtonProps) {
   return (
     <div
       className={
-        `bg-gradient p-1 bg-no-repeat rounded-full` +
+        `bg-gradient p-px bg-no-repeat rounded-[5px]` +
         ` ${props.className}`
       }
     >
       <button
         {...props}
-        className={`group bg-white hover:bg-gradient h-[40px] w-full rounded-[9991px] flex items-center justify-center`}
+        className={`group bg-white hover:bg-gradient h-[40px] w-full rounded-[5px] flex items-center justify-center`}
       >
         {props.icon && <span className="mr-1.5">{props.icon}</span>}
         <span