fix(ui): translation button loading style issue in light theme (#1218)

zio/stable
Alex 2023-01-17 02:04:51 +08:00 committed by GitHub
parent 8c170961cb
commit f3a3a299e0
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 2 additions and 1 deletions

View File

@ -27,7 +27,7 @@ const toggleTranslation = async () => {
<div> <div>
<button <button
v-if="isTranslationEnabled && status.language !== languageCode" pl-0 flex="~ center" gap-2 v-if="isTranslationEnabled && status.language !== languageCode" pl-0 flex="~ center" gap-2
:disabled="translating" disabled-bg-transparent btn-text @click="toggleTranslation" :disabled="translating" disabled-bg-transparent btn-text class="disabled-text-$c-text-btn-disabled-deeper" @click="toggleTranslation"
> >
<span v-if="translating" block animate-spin preserve-3d> <span v-if="translating" block animate-spin preserve-3d>
<span block i-ri:loader-2-fill /> <span block i-ri:loader-2-fill />

View File

@ -19,6 +19,7 @@
--c-bg-btn-disabled: #a1a1a1; --c-bg-btn-disabled: #a1a1a1;
--c-text-btn-disabled: #fff; --c-text-btn-disabled: #fff;
--c-text-btn-disabled-deeper: #a1a1a1;
--c-text-btn: #232323; --c-text-btn: #232323;
--c-success: #67C23A; --c-success: #67C23A;