fix: update CardFooter background color & fix login wrapper dialog ui bug

This commit is contained in:
javayhu 2025-04-29 00:23:15 +08:00
parent 299b8a3957
commit 94e38f751a
8 changed files with 8 additions and 8 deletions

View File

@ -53,7 +53,7 @@ export const LoginWrapper = ({
<Dialog open={isModalOpen} onOpenChange={setIsModalOpen}>
<DialogTrigger asChild={asChild}>{children}</DialogTrigger>
<DialogContent className="sm:max-w-[400px] p-0">
<DialogHeader>
<DialogHeader className="hidden">
<DialogTitle />
</DialogHeader>
<LoginForm callbackUrl={callbackUrl} />

View File

@ -219,7 +219,7 @@ export default function BillingCard() {
</div>
)}
</CardContent>
<CardFooter className="mt-2 px-6 py-4 flex justify-end items-center bg-muted rounded-none">
<CardFooter className="mt-2 px-6 py-4 flex justify-end items-center bg-background rounded-none">
{/* user is on free plan, show upgrade plan button */}
{isFreePlan && (
<Button variant="default" className="cursor-pointer" asChild>

View File

@ -212,7 +212,7 @@ export function NewsletterFormCard({ className }: NewsletterFormCardProps) {
/>
<FormError message={error} />
</CardContent>
<CardFooter className="mt-6 px-6 py-4 bg-muted rounded-none">
<CardFooter className="mt-6 px-6 py-4 bg-background rounded-none">
<p className="text-sm text-muted-foreground">
{t('newsletter.hint')}
</p>

View File

@ -162,7 +162,7 @@ export function UpdateAvatarCard({ className }: UpdateAvatarCardProps) {
<FormError message={error} />
</CardContent>
<CardFooter className="mt-auto px-6 py-4 flex justify-between items-center bg-muted rounded-none">
<CardFooter className="mt-auto px-6 py-4 flex justify-between items-center bg-background rounded-none">
<p className="text-sm text-muted-foreground">
{t('avatar.recommendation')}
</p>

View File

@ -140,7 +140,7 @@ export function UpdateNameCard({ className }: UpdateNameCardProps) {
/>
<FormError message={error} />
</CardContent>
<CardFooter className="mt-6 px-6 py-4 flex justify-between items-center bg-muted rounded-none">
<CardFooter className="mt-6 px-6 py-4 flex justify-between items-center bg-background rounded-none">
<p className="text-sm text-muted-foreground">{t('name.hint')}</p>
<Button

View File

@ -97,7 +97,7 @@ export function DeleteAccountCard() {
</div>
)}
</CardContent>
<CardFooter className="mt-2 px-6 py-4 flex justify-end items-center bg-muted rounded-none">
<CardFooter className="mt-2 px-6 py-4 flex justify-end items-center bg-background rounded-none">
<Button
variant="destructive"
onClick={() => setShowConfirmation(true)}

View File

@ -66,7 +66,7 @@ export function ResetPasswordCard({ className }: ResetPasswordCardProps) {
<CardContent className="space-y-4 flex-1">
<p className="text-sm text-muted-foreground">{t('info')}</p>
</CardContent>
<CardFooter className="mt-auto px-6 py-4 flex justify-end items-center bg-muted rounded-none">
<CardFooter className="mt-auto px-6 py-4 flex justify-end items-center bg-background rounded-none">
<Button onClick={handleSetupPassword} className="cursor-pointer">
{t('button')}
</Button>

View File

@ -206,7 +206,7 @@ export function UpdatePasswordCard({ className }: UpdatePasswordCardProps) {
/>
<FormError message={error} />
</CardContent>
<CardFooter className="mt-6 px-6 py-4 flex justify-between items-center bg-muted rounded-none">
<CardFooter className="mt-6 px-6 py-4 flex justify-between items-center bg-background rounded-none">
<p className="text-sm text-muted-foreground">{t('hint')}</p>
<Button