Merge pull request #29 from tejasbenibagde/main

fix(ui): apply pointer cursor to theme toggle and Google sign-up buttons
This commit is contained in:
Rohan Verma 2025-04-10 22:50:20 -07:00 committed by GitHub
commit 278a08bb05
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 3 additions and 3 deletions

View file

@ -190,7 +190,7 @@ const DesktopNav = ({ navItems, visible }: NavbarProps) => {
<Button
onClick={handleGoogleLogin}
variant="outline"
className="hidden md:flex items-center gap-2 rounded-full dark:bg-white/20 dark:hover:bg-white/30 dark:text-white bg-gray-100 hover:bg-gray-200 text-gray-800 border-0"
className="hidden cursor-pointer md:flex items-center gap-2 rounded-full dark:bg-white/20 dark:hover:bg-white/30 dark:text-white bg-gray-100 hover:bg-gray-200 text-gray-800 border-0"
>
<IconBrandGoogleFilled className="h-4 w-4" />
<span>Sign in with Google</span>
@ -293,7 +293,7 @@ const MobileNav = ({ navItems, visible }: NavbarProps) => {
<Button
onClick={handleGoogleLogin}
variant="outline"
className="flex items-center gap-2 mt-4 w-full justify-center rounded-full dark:bg-white/20 dark:hover:bg-white/30 dark:text-white bg-gray-100 hover:bg-gray-200 text-gray-800 border-0"
className="flex cursor-pointer items-center gap-2 mt-4 w-full justify-center rounded-full dark:bg-white/20 dark:hover:bg-white/30 dark:text-white bg-gray-100 hover:bg-gray-200 text-gray-800 border-0"
>
<IconBrandGoogleFilled className="h-4 w-4" />
<span>Sign in with Google</span>

View file

@ -20,7 +20,7 @@ export function ThemeTogglerComponent() {
onClick={() => {
theme === "dark" ? setTheme("light") : setTheme("dark");
}}
className="w-8 h-8 flex hover:bg-gray-50 dark:hover:bg-white/[0.1] rounded-lg items-center justify-center outline-none focus:ring-0 focus:outline-none active:ring-0 active:outline-none overflow-hidden"
className="w-8 h-8 flex hover:bg-gray-50 dark:hover:bg-white/[0.1] rounded-lg items-center cursor-pointer justify-center outline-none focus:ring-0 focus:outline-none active:ring-0 active:outline-none overflow-hidden"
>
{theme === "light" && (
<motion.div