From df6f5eb9ccdae83b696891889cd1abd03c726daf Mon Sep 17 00:00:00 2001
From: Monalika Patnaik <monalikapatnaik114@gmail.com>
Date: Tue, 19 Mar 2024 16:11:08 +0530
Subject: [PATCH] goggle-login-button

---
 frontend/src/App.css                    | 19 +++++++++++++++++++
 frontend/src/Components/Signin/index.js |  6 +++---
 tailwind.config.js                      |  9 ---------
 3 files changed, 22 insertions(+), 12 deletions(-)
 delete mode 100644 tailwind.config.js

diff --git a/frontend/src/App.css b/frontend/src/App.css
index 27133f8..ddbf9eb 100644
--- a/frontend/src/App.css
+++ b/frontend/src/App.css
@@ -52,3 +52,22 @@
   transition: all 0.2s ease-in-out;
   cursor: pointer;
 }
+.google-login-container{
+  display: flex;
+  width: 80%;
+  margin-top: 2.5rem;
+  position: relative;
+}
+.login-button{
+  cursor: pointer;
+  width: 100%;
+  border-radius: 0.75rem;
+  border-width: 2px;
+  font-weight: 600;
+  padding-bottom: 0.75rem;
+    padding-top: 0.75rem ;
+    --tw-border-opacity: 1;
+    border-color: rgb(0 0 0 / var(--tw-border-opacity));
+    --tw-text-opacity: 1;
+    color: rgb(0 0 0 / var(--tw-text-opacity));
+}
\ No newline at end of file
diff --git a/frontend/src/Components/Signin/index.js b/frontend/src/Components/Signin/index.js
index 1338f7d..d187742 100644
--- a/frontend/src/Components/Signin/index.js
+++ b/frontend/src/Components/Signin/index.js
@@ -190,9 +190,9 @@ const SignIn = () => {
               SignUp
             </NavLink>
           </SignInForm>
-          <div className='flex relative mt-10 w-[80%] md:w-[60%]' onClick={handleGoogleLogin}>
-            <button className='py-3 rounded-xl text-black font-semibold w-[100%] border-2 border-black'>Sign in with Google</button>
-            <img src={require('../../assests/googleLogo.png')} className='w-10 absolute top-1.5 left-4' alt='google' />
+          <div className='google-login-container' onClick={handleGoogleLogin}>
+            <button className='login-button'>Sign in with Google</button>
+            <img src={require('../../assests/googleLogo.png')} style={{width:'2.5rem', position: 'absolute',left: '1rem',top: '0.375rem' }} alt='google' />
           </div>
         </SignInContainer>
 
diff --git a/tailwind.config.js b/tailwind.config.js
deleted file mode 100644
index a930689..0000000
--- a/tailwind.config.js
+++ /dev/null
@@ -1,9 +0,0 @@
-/** @type {import('tailwindcss').Config} */
-module.exports = {
-  content: ["./src/**/*.{js,jsx,ts,tsx}"],
-  theme: {
-    extend: {},
-  },
-  plugins: [],
-}
-