fix 'open gmail' button

premieroctet · Jun 13, 2024 · feef1d2 · feef1d2
1 parent f42ae97
commit feef1d2
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/src/components/Button.tsx b/src/components/Button.tsx
@@ -6,7 +6,7 @@ import clsx from 'clsx';
 import React, { forwardRef } from 'react';
 
 const buttonVariants = cva(
-  'rounded-md font-semibold focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 flex items-center justify-center gap-2 cursor-pointer box-content',
+  'rounded-md font-semibold focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 flex items-center justify-center gap-2 cursor-pointer',
   {
     variants: {
       variant: {
@@ -81,7 +81,7 @@ const Button = forwardRef<HTMLButtonElement, ButtonProps>((props, ref) => {
           [disabledClass]: disabled,
         },
         {
-          'w-full': fullWidth,
+          'w-full box-border': fullWidth,
         },
         className
       )}

diff --git a/src/components/auth/LoginForm.tsx b/src/components/auth/LoginForm.tsx
@@ -1,15 +1,15 @@
 'use client';
 import { routes } from '@/core/constants';
+import message from '@/messages/en';
 import { EmailProvider, getEmailProvider } from '@/utils/getEmailProvider';
 import { CheckCircleIcon } from '@heroicons/react/24/solid';
-import Link from 'next/link';
 import { signIn } from 'next-auth/react';
+import Link from 'next/link';
 import { useSearchParams } from 'next/navigation';
 import { useState } from 'react';
 import { useMutation } from 'react-query';
 import Button from '../Button';
 import { Input } from '../Input';
-import message from '@/messages/en';
 
 const LoginForm = () => {
   const searchParams = useSearchParams();
@@ -37,7 +37,7 @@ const LoginForm = () => {
   );
 
   return (
-    <div className="flex flex-col space-y-6 items-stretch">
+    <div className="flex flex-col space-y-6 items-stretch box-border">
       {isSuccess ? (
         <>
           <div className="text-center flex justify-center">