From a2e1b8b41bbab341aef687ee91f0ac43de798818 Mon Sep 17 00:00:00 2001
From: syuilo <4439005+syuilo@users.noreply.github.com>
Date: Tue, 13 May 2025 12:03:07 +0900
Subject: [PATCH] Update MkUploadDialog.vue

---
 packages/frontend/src/components/MkUploadDialog.vue | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/packages/frontend/src/components/MkUploadDialog.vue b/packages/frontend/src/components/MkUploadDialog.vue
index 7bc2febbf6..2051e565c4 100644
--- a/packages/frontend/src/components/MkUploadDialog.vue
+++ b/packages/frontend/src/components/MkUploadDialog.vue
@@ -39,9 +39,9 @@ SPDX-License-Identifier: AGPL-3.0-only
 						</div>
 					</div>
 					<div>
-						<MkSystemIcon v-if="ctx.uploading" type="waiting" style="width: 40px;"/>
-						<MkSystemIcon v-else-if="ctx.uploaded" type="success" style="width: 40px;"/>
-						<MkSystemIcon v-else-if="ctx.uploadFailed" type="error" style="width: 40px;"/>
+						<MkSystemIcon v-if="ctx.uploading" :class="$style.itemIcon" type="waiting"/>
+						<MkSystemIcon v-else-if="ctx.uploaded" :class="$style.itemIcon" type="success"/>
+						<MkSystemIcon v-else-if="ctx.uploadFailed" :class="$style.itemIcon" type="error"/>
 					</div>
 				</div>
 			</div>
@@ -359,4 +359,8 @@ onMounted(() => {
 	display: flex;
 	gap: 8px;
 }
+
+.itemIcon {
+	width: 35px;
+}
 </style>