songtianlun/prmbr-image-mksaas
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: update CardFooter background color from bg-background to bg-muted across multiple components

Browse Source
This commit is contained in:
javayhu 2025-08-24 20:34:50 +08:00
parent 32fc3d6dc9
commit cb9c3132fd
9 changed files with 13 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/settings/billing/billing-card.tsx
View File

@ -117,7 +117,7 @@ export default function BillingCard() {
<Skeleton className="h-6 w-3/5" /> <Skeleton className="h-6 w-3/5" />
</div> </div>
</CardContent> </CardContent>
<CardFooter className="mt-2 px-6 py-4 flex justify-end items-center bg-background rounded-none"> <CardFooter className="mt-2 px-6 py-4 flex justify-end items-center bg-muted rounded-none">
<Skeleton className="h-8 w-1/4" /> <Skeleton className="h-8 w-1/4" />
</CardFooter> </CardFooter>
</Card> </Card>
@ -139,7 +139,7 @@ export default function BillingCard() {
{loadPaymentError?.message} {loadPaymentError?.message}
</div> </div>
</CardContent> </CardContent>
<CardFooter className="mt-2 px-6 py-4 flex justify-end items-center bg-background rounded-none"> <CardFooter className="mt-2 px-6 py-4 flex justify-end items-center bg-muted rounded-none">
<Button <Button
variant="outline" variant="outline"
className="cursor-pointer" className="cursor-pointer"
@ -262,7 +262,7 @@ export default function BillingCard() {
</div> </div>
)} )}
</CardContent> </CardContent>
<CardFooter className="mt-2 px-6 py-4 flex justify-end items-center bg-background rounded-none"> <CardFooter className="mt-2 px-6 py-4 flex justify-end items-center bg-muted rounded-none">
{/* user is on free plan, show upgrade plan button */} {/* user is on free plan, show upgrade plan button */}
{isFreePlan && ( {isFreePlan && (
<Button variant="default" className="cursor-pointer" asChild> <Button variant="default" className="cursor-pointer" asChild>

6
src/components/settings/credits/credits-balance-card.tsx
View File

@ -105,7 +105,7 @@ export default function CreditsBalanceCard() {
<Skeleton className="h-8 w-1/5" /> <Skeleton className="h-8 w-1/5" />
</div> </div>
</CardContent> </CardContent>
<CardFooter className="px-6 py-4 flex justify-between items-center bg-background rounded-none"> <CardFooter className="px-6 py-4 flex justify-between items-center bg-muted rounded-none">
<Skeleton className="h-6 w-3/5" /> <Skeleton className="h-6 w-3/5" />
</CardFooter> </CardFooter>
</Card> </Card>
@ -125,7 +125,7 @@ export default function CreditsBalanceCard() {
{balanceError?.message || statsError?.message} {balanceError?.message || statsError?.message}
</div> </div>
</CardContent> </CardContent>
<CardFooter className="mt-2 px-6 py-4 flex justify-end items-center bg-background rounded-none"> <CardFooter className="mt-2 px-6 py-4 flex justify-end items-center bg-muted rounded-none">
<Button <Button
variant="outline" variant="outline"
className="cursor-pointer" className="cursor-pointer"
@ -157,7 +157,7 @@ export default function CreditsBalanceCard() {
{/* <Badge variant="outline">available</Badge> */} {/* <Badge variant="outline">available</Badge> */}
</div> </div>
</CardContent> </CardContent>
<CardFooter className="px-6 py-4 flex justify-between items-center bg-background rounded-none"> <CardFooter className="px-6 py-4 flex justify-between items-center bg-muted rounded-none">
{/* Expiring credits warning */} {/* Expiring credits warning */}
{!isLoadingStats && creditStats && ( {!isLoadingStats && creditStats && (
<div className="text-sm text-muted-foreground space-y-2"> <div className="text-sm text-muted-foreground space-y-2">

2
src/components/settings/notification/newsletter-form-card.tsx
View File

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

2
src/components/settings/profile/update-avatar-card.tsx
View File

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

2
src/components/settings/profile/update-name-card.tsx
View File

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

2
src/components/settings/security/delete-account-card.tsx
View File

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

2
src/components/settings/security/password-card-wrapper.tsx
View File

@ -69,7 +69,7 @@ function PasswordSkeletonCard() {
<Skeleton className="h-5 w-1/2" /> <Skeleton className="h-5 w-1/2" />
<Skeleton className="h-6 w-full" /> <Skeleton className="h-6 w-full" />
</CardContent> </CardContent>
<CardFooter className="px-6 py-4 flex justify-end items-center bg-background rounded-none"> <CardFooter className="px-6 py-4 flex justify-end items-center bg-muted rounded-none">
<Skeleton className="h-8 w-1/4" /> <Skeleton className="h-8 w-1/4" />
</CardFooter> </CardFooter>
</Card> </Card>

2
src/components/settings/security/reset-password-card.tsx
View File

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

2
src/components/settings/security/update-password-card.tsx
View File

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