fix(login): 修改浅色主题下PassKey按钮样式,提高文字对比度

This commit is contained in:
PKC278
2026-01-08 18:51:53 +08:00
parent c17365b6c9
commit e4684b2e12
+8 -1
View File
@@ -496,7 +496,7 @@ onMounted(async () => {
block block
variant="tonal" variant="tonal"
color="success" color="success"
class="mt-3" class="mt-3 passkey-btn"
prepend-icon="mdi-key-variant" prepend-icon="mdi-key-variant"
:loading="passkeyLoading" :loading="passkeyLoading"
@click="loginWithPassKey" @click="loginWithPassKey"
@@ -551,6 +551,7 @@ onMounted(async () => {
block block
variant="tonal" variant="tonal"
color="success" color="success"
class="passkey-btn"
prepend-icon="mdi-key-variant" prepend-icon="mdi-key-variant"
:loading="mfaPasskeyLoading" :loading="mfaPasskeyLoading"
@click="verifyWithPassKey" @click="verifyWithPassKey"
@@ -589,4 +590,10 @@ onMounted(async () => {
backdrop-filter: blur(10px) !important; backdrop-filter: blur(10px) !important;
background: rgba(var(--v-theme-surface), 0.7) !important; background: rgba(var(--v-theme-surface), 0.7) !important;
} }
.v-theme--light {
.passkey-btn.v-btn--variant-tonal {
color: rgb(86, 170, 0) !important;
}
}
</style> </style>