add

UyLeQuoc · Feb 19, 2023 · 741e2fa · 741e2fa · vercel · Feb 19, 2023
1 parent 64a269d
commit 741e2fa
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 9 deletions.
diff --git a/components/CartIcon.tsx b/components/CartIcon.tsx
@@ -21,7 +21,7 @@ function Cart(props:StateProps) : JSX.Element {
   const router = useRouter();
   return (
     <div className='flex justify-center align-middle' onClick={() => router.push("/order")}>
-      <Badge count={props.user.cart.length} color="#FF4206" className='cursor-pointer'>
+      <Badge count={props.user.cart.length} color="#FF4206" className='cursor-pointer test'>
         <ShoppingCartOutlined className='cart-icon'/>
       </Badge>
     </div>

diff --git a/components/Login.tsx b/components/Login.tsx
@@ -1,5 +1,5 @@
 
-import { Button, Card } from "antd";
+import { Button, Card, ConfigProvider } from "antd";
 import { useSignInWithGoogle } from "react-firebase-hooks/auth";
 import { auth } from "../utils/firebase"
 
@@ -39,13 +39,22 @@ function LoginPage(): JSX.Element {
         <img src="/main/logo.svg" height={100} width={100} />
 
         <h1>Đăng nhập</h1>
-        <Button
-          type="primary"
-          size="large"
-          onClick={signIn}
-        >
-          Sign In With Google
-        </Button>
+        <ConfigProvider
+              theme={{
+                token: {
+                  colorPrimary: '#FF4206',
+                },
+              }}
+              >
+                  <Button
+                    type="primary"
+                    size="large"
+                    onClick={signIn}
+                  >
+                    Sign In With Google
+                  </Button>
+              </ConfigProvider>
+
       </Card>
     </div>
   );

diff --git a/styles/components/product.scss b/styles/components/product.scss
@@ -50,3 +50,7 @@
 }
 }
 
+.test{
+  display: flex;
+    align-items: center;
+}
-Original file line number
+Diff line change
@@ Expand Up / @@ -50,3 +50,7 @@ @@
     }
     }
+    .test{
+      display: flex;
+        align-items: center;
+    }