fix: Add margin to "View comparison" button and fix "Use custom version" button color issue (#9905)

* Tweak button spacing and fix color issue on App upgrade comparison pages

* update button styles and replace inline margin with utility class

---------

Co-authored-by: fanbook-wangdage <124357765+fanbook-wangdage@users.noreply.github.com>
This commit is contained in:
wangdage12 2025-08-09 17:57:32 +08:00 committed by GitHub
parent c77d2f7dd6
commit 2be7054b40
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 5 additions and 3 deletions

View file

@ -7,10 +7,10 @@
<template #footer>
<span class="dialog-footer">
<el-button @click="handleClose">{{ $t('commons.button.cancel') }}</el-button>
<el-button type="success" @click="confirm(true)">
<el-button type="primary" @click="confirm(true)">
{{ $t('app.useNew') }}
</el-button>
<el-button type="primary" @click="confirm(false)">
<el-button @click="confirm(false)">
{{ $t('app.useDefault') }}
</el-button>
</span>

View file

@ -57,7 +57,9 @@
<div v-if="operateReq.operate === 'upgrade'">
<el-text type="warning">{{ $t('app.upgradeWarn') }}</el-text>
<br />
<el-button @click="openDiff()" type="primary">{{ $t('app.showDiff') }}</el-button>
<el-button @click="openDiff()" type="primary" class="mt-2">
{{ $t('app.showDiff') }}
</el-button>
<div>
<el-checkbox v-model="useNewCompose" :label="$t('app.useCustom')" size="large" />
</div>