done with auth

SwanandD121 · Oct 31, 2024 · ab977dd · ab977dd
1 parent afad878
commit ab977dd
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 22 deletions.
diff --git a/src/pages/Auth/Auth.css b/src/pages/Auth/Auth.css
diff --git a/src/pages/Auth/Auth.jsx b/src/pages/Auth/Auth.jsx
@@ -45,12 +45,15 @@ const Auth = () => {
     return (
         <div className="Auth flex items-center justify-center h-screen gap-16 relative">
             <div className="a-left flex flex-col lg:flex-row gap-4 items-center justify-center">
-                <div className="items-center justify-center lg:flex-row flex-col flex">
+                <div className="items-center justify-center lg:flex-row flex-col flex select-none">
                     <img src={Logo} alt="" className="h-24 w-24" />
                     <div className="Webname flex flex-col font-bold text-center lg:text-start">
-                        <h1 className="font-bold text-3xl  bg-[100%] bg-repeat bg-gradient-to-r from-[#2eaafa]-to-[#1060d7] leading-normal">
-                            FeatherPerfect
-                        </h1>
+                    <h1 className="text-5xl bg-gradient-to-r from-[#2eaafa] to-[#1060d7] bg-clip-text text-transparent leading-normal Class
+Properties
+select-none">
+                    FeatherPerfect  
+                    </h1>
+
                         <h6 className="dark:text-white pt-0 mb-1">IPF is our Brand Ambassador!</h6>
                         <h6 className="text-xs font-extralight dark:text-white/80">
                             (You guessed it right! It has Perfect Feathers!)

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -18,6 +18,9 @@ module.exports = {
             },
         },
     },
+     variants: {
+        backgroundClip: ['responsive', 'hover', 'focus'],
+      },
     plugins: [],
     darkMode: "selector",
 };