From b4b9d5d5526b70d3d60d463497420df07f236bd6 Mon Sep 17 00:00:00 2001 From: syuilo <Syuilotan@yahoo.co.jp> Date: Tue, 20 Dec 2022 11:06:39 +0900 Subject: [PATCH] :art: --- packages/client/src/components/MkFollowButton.vue | 4 ++-- packages/client/src/components/global/MkLoading.vue | 3 ++- 2 files changed, 4 insertions(+), 3 deletions(-) diff --git a/packages/client/src/components/MkFollowButton.vue b/packages/client/src/components/MkFollowButton.vue index 433386f44..f76b84bc1 100644 --- a/packages/client/src/components/MkFollowButton.vue +++ b/packages/client/src/components/MkFollowButton.vue @@ -11,7 +11,7 @@ </template> <template v-else-if="hasPendingFollowRequestFromYou && !user.isLocked"> <!-- つまりリモートフォローの場合。 --> - <span v-if="full">{{ i18n.ts.processing }}</span><MkLoading :em="true"/> + <span v-if="full">{{ i18n.ts.processing }}</span><MkLoading :em="true" :colored="false"/> </template> <template v-else-if="isFollowing"> <span v-if="full">{{ i18n.ts.unfollow }}</span><i class="ti ti-minus"></i> @@ -24,7 +24,7 @@ </template> </template> <template v-else> - <span v-if="full">{{ i18n.ts.processing }}</span><MkLoading :em="true"/> + <span v-if="full">{{ i18n.ts.processing }}</span><MkLoading :em="true" :colored="false"/> </template> </button> </template> diff --git a/packages/client/src/components/global/MkLoading.vue b/packages/client/src/components/global/MkLoading.vue index c7d787820..64e12e3b4 100644 --- a/packages/client/src/components/global/MkLoading.vue +++ b/packages/client/src/components/global/MkLoading.vue @@ -64,7 +64,8 @@ const props = withDefaults(defineProps<{ } &.em { - display: inline; + display: inline-block; + vertical-align: middle; padding: 0; --size: 1em; }