fix(ui): translation button loading style issue in light theme (#1218)
parent
8c170961cb
commit
f3a3a299e0
|
@ -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 />
|
||||||
|
|
|
@ -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;
|
||||||
|
|
Loading…
Reference in New Issue