teutat3s/elk
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

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

Browse source
This commit is contained in:
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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
components/status/StatusTranslation.vue
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 />

1
styles/vars.css
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;