fix: improve forgot password dialog opacity and remove duplicate close button

This commit is contained in:
Surajdusane 2025-05-19 12:04:18 +05:30
parent 6f68f3ba62
commit 908208898e
2 changed files with 4 additions and 2 deletions

View File

@ -509,7 +509,7 @@ function LoginContent() {
{/* Forgot Password Dialog */}
<Dialog open={forgotPasswordOpen} onOpenChange={setForgotPasswordOpen}>
<DialogContent className="sm:max-w-md rounded-xl bg-[#F3F4F6] dark:bg-[#F9FAFB]/[0.02] border border-border">
<DialogContent className="sm:max-w-md rounded-xl bg-[#F3F4F6] dark:bg-[#17171A] border border-border [&>button]:hidden">
<DialogHeader>
<div className="flex items-center justify-between">
<DialogTitle className="text-xl font-medium">

View File

@ -3,6 +3,7 @@
import { useEffect, useCallback, useRef, useState } from 'react';
import Script from 'next/script';
import { createClient } from '@/lib/supabase/client';
import { useTheme } from 'next-themes';
// Add type declarations for Google One Tap
declare global {
@ -68,6 +69,7 @@ interface GoogleSignInProps {
export default function GoogleSignIn({ returnUrl }: GoogleSignInProps) {
const googleClientId = process.env.NEXT_PUBLIC_GOOGLE_CLIENT_ID;
const [isLoading, setIsLoading] = useState(false);
const { resolvedTheme } = useTheme();
const handleGoogleSignIn = useCallback(
async (response: GoogleSignInResponse) => {
@ -184,7 +186,7 @@ export default function GoogleSignIn({ returnUrl }: GoogleSignInProps) {
if (buttonContainer) {
window.google.accounts.id.renderButton(buttonContainer, {
type: 'standard',
theme: 'outline',
theme: resolvedTheme === 'dark' ? 'filled_black' : 'outline',
size: 'large',
text: 'continue_with',
shape: 'pill',