remove focus:ring in button

suaebahmed · Dec 6, 2023 · ab05958 · ab05958
1 parent 3753c7d
commit ab05958
Showing 1 changed file with 2 additions and 3 deletions.
diff --git a/src/components/Btn.tsx b/src/components/Btn.tsx
@@ -11,12 +11,11 @@ export const Button = forwardRef<HTMLButtonElement, ButtonProps>(
     { label, className, isBgColor, ...props }: ButtonProps,
     ref
   ): JSX.Element => {
-
     if (isBgColor) {
       return (
         <button
           ref={ref}
-          className={`px-6 py-[6px] text-sm font-medium text-white bg-violet-600 border border-violet-600 rounded active:text-violet-500 hover:bg-transparent hover:text-violet-600 focus:outline-none focus:ring disabled:cursor-not-allowed ${className}`}
+          className={`px-6 py-[6px] text-sm font-medium text-white bg-violet-600 border border-violet-600 rounded active:text-violet-500 hover:bg-transparent hover:text-violet-600 focus:outline-none disabled:cursor-not-allowed ${className}`}
           {...props}
         >
           {label}
@@ -26,7 +25,7 @@ export const Button = forwardRef<HTMLButtonElement, ButtonProps>(
     return (
       <button
         ref={ref}
-        className={`px-6 py-[6px] text-sm font-medium text-violet-600 bg-white border border-violet-600 rounded active:text-white hover:bg-violet-600 hover:text-white focus:outline-none focus:ring disabled:cursor-not-allowed ${className}`}
+        className={`px-6 py-[6px] text-sm font-medium text-violet-600 bg-white border border-violet-600 rounded active:text-white hover:bg-violet-600 hover:text-white focus:outline-none disabled:cursor-not-allowed ${className}`}
         {...props}
       >
         {label}