fix(ui): translation button loading style issue in light theme (#1218)
parent
8c170961cb
commit
f3a3a299e0
|
@ -27,7 +27,7 @@ const toggleTranslation = async () => {
|
|||
<div>
|
||||
<button
|
||||
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 block i-ri:loader-2-fill />
|
||||
|
|
|
@ -19,6 +19,7 @@
|
|||
|
||||
--c-bg-btn-disabled: #a1a1a1;
|
||||
--c-text-btn-disabled: #fff;
|
||||
--c-text-btn-disabled-deeper: #a1a1a1;
|
||||
--c-text-btn: #232323;
|
||||
|
||||
--c-success: #67C23A;
|
||||
|
|
Loading…
Reference in New Issue