fix: update CardFooter background color & fix login wrapper dialog ui bug
This commit is contained in:
parent
299b8a3957
commit
94e38f751a
@ -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} />
|
||||
|
@ -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>
|
||||
|
@ -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>
|
||||
|
@ -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>
|
||||
|
@ -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
|
||||
|
@ -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)}
|
||||
|
@ -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>
|
||||
|
@ -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
|
||||
|
Loading…
Reference in New Issue
Block a user