From fb542b0bd70ac02e5b242c255b28594e19914c99 Mon Sep 17 00:00:00 2001
From: Natsumi <cmcooper123@hotmail.com>
Date: Tue, 16 Sep 2025 17:42:56 +1200
Subject: [PATCH] Large buttons

---
 .../GroupDialog/GroupPostEditDialog.vue       |  6 ++--
 .../InviteDialog/EditAndSendInviteDialog.vue  |  2 +-
 .../dialogs/InviteDialog/InviteDialog.vue     | 10 ++----
 src/components/dialogs/InviteGroupDialog.vue  |  1 -
 src/components/dialogs/LaunchDialog.vue       |  7 +---
 .../dialogs/ModerateGroupDialog.vue           |  1 -
 src/components/dialogs/NewInstanceDialog.vue  | 35 +++++++------------
 .../dialogs/UserDialog/BioDialog.vue          |  2 +-
 .../dialogs/UserDialog/PronounsDialog.vue     |  2 +-
 .../dialogs/UserDialog/SocialStatusDialog.vue |  2 +-
 src/components/dialogs/VRCXUpdateDialog.vue   |  9 ++---
 .../WorldDialog/SetWorldTagsDialog.vue        |  4 +--
 .../WorldDialog/WorldAllowedDomainsDialog.vue |  6 +---
 .../EditAndSendInviteResponseDialog.vue       |  2 +-
 .../dialogs/EditInviteMessageDialog.vue       |  2 +-
 .../Settings/dialogs/FeedFiltersDialog.vue    |  6 ++--
 .../Settings/dialogs/LaunchOptionsDialog.vue  |  8 ++---
 .../dialogs/NotificationPositionDialog.vue    |  2 +-
 .../dialogs/PrimaryPasswordDialog.vue         |  1 -
 .../Settings/dialogs/VRChatConfigDialog.vue   | 12 +++----
 .../Settings/dialogs/YouTubeApiDialog.vue     |  6 ++--
 21 files changed, 43 insertions(+), 83 deletions(-)

diff --git a/src/components/dialogs/GroupDialog/GroupPostEditDialog.vue b/src/components/dialogs/GroupDialog/GroupPostEditDialog.vue
index ae6d8884..22d06d45 100644
--- a/src/components/dialogs/GroupDialog/GroupPostEditDialog.vue
+++ b/src/components/dialogs/GroupDialog/GroupPostEditDialog.vue
@@ -94,13 +94,13 @@
             </el-form>
         </div>
         <template #footer>
-            <el-button size="small" @click="groupPostEditDialog.visible = false">
+            <el-button @click="groupPostEditDialog.visible = false">
                 {{ t('dialog.group_post_edit.cancel') }}
             </el-button>
-            <el-button v-if="groupPostEditDialog.postId" size="small" @click="editGroupPost">
+            <el-button v-if="groupPostEditDialog.postId" @click="editGroupPost">
                 {{ t('dialog.group_post_edit.edit_post') }}
             </el-button>
-            <el-button v-else size="small" @click="createGroupPost">
+            <el-button v-else @click="createGroupPost">
                 {{ t('dialog.group_post_edit.create_post') }}
             </el-button>
         </template>
diff --git a/src/components/dialogs/InviteDialog/EditAndSendInviteDialog.vue b/src/components/dialogs/InviteDialog/EditAndSendInviteDialog.vue
index 6b0b6ac6..294318e9 100644
--- a/src/components/dialogs/InviteDialog/EditAndSendInviteDialog.vue
+++ b/src/components/dialogs/InviteDialog/EditAndSendInviteDialog.vue
@@ -24,7 +24,7 @@
             <el-button @click="cancelEditAndSendInvite">
                 {{ t('dialog.edit_send_invite_message.cancel') }}
             </el-button>
-            <el-button type="primary" size="small" @click="saveEditAndSendInvite">
+            <el-button type="primary" @click="saveEditAndSendInvite">
                 {{ t('dialog.edit_send_invite_message.send') }}
             </el-button>
         </template>
diff --git a/src/components/dialogs/InviteDialog/InviteDialog.vue b/src/components/dialogs/InviteDialog/InviteDialog.vue
index a7c9c4de..ba2dd23b 100644
--- a/src/components/dialogs/InviteDialog/InviteDialog.vue
+++ b/src/components/dialogs/InviteDialog/InviteDialog.vue
@@ -148,15 +148,11 @@
         </div>
 
         <template #footer>
-            <el-button
-                size="small"
-                :disabled="inviteDialog.loading || !inviteDialog.userIds.length"
-                @click="showSendInviteDialog"
-                >{{ t('dialog.invite.invite_with_message') }}</el-button
-            >
+            <el-button :disabled="inviteDialog.loading || !inviteDialog.userIds.length" @click="showSendInviteDialog">{{
+                t('dialog.invite.invite_with_message')
+            }}</el-button>
             <el-button
                 type="primary"
-                size="small"
                 :disabled="inviteDialog.loading || !inviteDialog.userIds.length"
                 @click="sendInvite"
                 >{{ t('dialog.invite.invite') }}</el-button
diff --git a/src/components/dialogs/InviteGroupDialog.vue b/src/components/dialogs/InviteGroupDialog.vue
index 5773ad46..f2179f4e 100644
--- a/src/components/dialogs/InviteGroupDialog.vue
+++ b/src/components/dialogs/InviteGroupDialog.vue
@@ -155,7 +155,6 @@
         <template #footer>
             <el-button
                 type="primary"
-                size="small"
                 :disabled="inviteGroupDialog.loading || !inviteGroupDialog.userIds.length || !inviteGroupDialog.groupId"
                 @click="sendGroupInvite">
                 {{ t('dialog.invite_to_group.invite') }}
diff --git a/src/components/dialogs/LaunchDialog.vue b/src/components/dialogs/LaunchDialog.vue
index 827334a8..fef8a8e9 100644
--- a/src/components/dialogs/LaunchDialog.vue
+++ b/src/components/dialogs/LaunchDialog.vue
@@ -60,25 +60,22 @@
             {{ t('dialog.launch.start_as_desktop') }}
         </el-checkbox>
         <template #footer>
-            <el-button size="small" @click="showPreviousInstancesInfoDialog(launchDialog.location)">
+            <el-button @click="showPreviousInstancesInfoDialog(launchDialog.location)">
                 {{ t('dialog.launch.info') }}
             </el-button>
             <el-button
-                size="small"
                 :disabled="!checkCanInvite(launchDialog.location)"
                 @click="showInviteDialog(launchDialog.location)">
                 {{ t('dialog.launch.invite') }}
             </el-button>
             <template v-if="canOpenInstanceInGame()">
                 <el-button
-                    size="small"
                     :disabled="!launchDialog.secureOrShortName"
                     @click="handleLaunchGame(launchDialog.location, launchDialog.shortName, launchDialog.desktop)">
                     {{ t('dialog.launch.launch') }}
                 </el-button>
                 <el-button
                     type="primary"
-                    size="small"
                     :disabled="!launchDialog.secureOrShortName"
                     @click="handleAttachGame(launchDialog.location, launchDialog.shortName)">
                     {{ t('dialog.launch.open_ingame') }}
@@ -86,14 +83,12 @@
             </template>
             <template v-else>
                 <el-button
-                    size="small"
                     :disabled="!launchDialog.secureOrShortName"
                     @click="selfInvite(launchDialog.location, launchDialog.shortName)">
                     {{ t('dialog.launch.self_invite') }}
                 </el-button>
                 <el-button
                     type="primary"
-                    size="small"
                     :disabled="!launchDialog.secureOrShortName"
                     @click="handleLaunchGame(launchDialog.location, launchDialog.shortName, launchDialog.desktop)">
                     {{ t('dialog.launch.launch') }}
diff --git a/src/components/dialogs/ModerateGroupDialog.vue b/src/components/dialogs/ModerateGroupDialog.vue
index ef64dd00..bcca8362 100644
--- a/src/components/dialogs/ModerateGroupDialog.vue
+++ b/src/components/dialogs/ModerateGroupDialog.vue
@@ -48,7 +48,6 @@
         <template #footer>
             <el-button
                 type="primary"
-                size="small"
                 :disabled="!moderateGroupDialog.userId || !moderateGroupDialog.groupId"
                 @click="
                     showGroupMemberModerationDialog(moderateGroupDialog.groupId, moderateGroupDialog.userId);
diff --git a/src/components/dialogs/NewInstanceDialog.vue b/src/components/dialogs/NewInstanceDialog.vue
index 20017f64..9e9f6eb0 100644
--- a/src/components/dialogs/NewInstanceDialog.vue
+++ b/src/components/dialogs/NewInstanceDialog.vue
@@ -406,14 +406,13 @@
         </el-tabs>
         <template v-if="newInstanceDialog.selectedTab === 'Normal'" #footer>
             <template v-if="newInstanceDialog.instanceCreated">
-                <el-button size="small" @click="copyInstanceUrl(newInstanceDialog.location)">{{
+                <el-button @click="copyInstanceUrl(newInstanceDialog.location)">{{
                     t('dialog.new_instance.copy_url')
                 }}</el-button>
-                <el-button size="small" @click="selfInvite(newInstanceDialog.location)">{{
+                <el-button @click="selfInvite(newInstanceDialog.location)">{{
                     t('dialog.new_instance.self_invite')
                 }}</el-button>
                 <el-button
-                    size="small"
                     :disabled="
                         (newInstanceDialog.accessType === 'friends' || newInstanceDialog.accessType === 'invite') &&
                         newInstanceDialog.userId !== currentUser.id
@@ -422,41 +421,35 @@
                     >{{ t('dialog.new_instance.invite') }}</el-button
                 >
                 <template v-if="canOpenInstanceInGame()">
-                    <el-button
-                        size="small"
-                        @click="showLaunchDialog(newInstanceDialog.location, newInstanceDialog.shortName)"
-                        >{{ t('dialog.new_instance.launch') }}</el-button
-                    >
-                    <el-button
-                        size="small"
-                        @click="handleAttachGame(newInstanceDialog.location, newInstanceDialog.shortName)">
+                    <el-button @click="showLaunchDialog(newInstanceDialog.location, newInstanceDialog.shortName)">{{
+                        t('dialog.new_instance.launch')
+                    }}</el-button>
+                    <el-button @click="handleAttachGame(newInstanceDialog.location, newInstanceDialog.shortName)">
                         {{ t('dialog.new_instance.open_ingame') }}
                     </el-button>
                 </template>
                 <template v-else>
                     <el-button
                         type="primary"
-                        size="small"
                         @click="showLaunchDialog(newInstanceDialog.location, newInstanceDialog.shortName)"
                         >{{ t('dialog.new_instance.launch') }}</el-button
                     >
                 </template>
             </template>
             <template v-else>
-                <el-button type="primary" size="small" @click="handleCreateNewInstance">{{
+                <el-button type="primary" @click="handleCreateNewInstance">{{
                     t('dialog.new_instance.create_instance')
                 }}</el-button>
             </template>
         </template>
         <template v-else-if="newInstanceDialog.selectedTab === 'Legacy'" #footer>
-            <el-button size="small" @click="copyInstanceUrl(newInstanceDialog.location)">{{
+            <el-button @click="copyInstanceUrl(newInstanceDialog.location)">{{
                 t('dialog.new_instance.copy_url')
             }}</el-button>
-            <el-button size="small" @click="selfInvite(newInstanceDialog.location)">{{
+            <el-button @click="selfInvite(newInstanceDialog.location)">{{
                 t('dialog.new_instance.self_invite')
             }}</el-button>
             <el-button
-                size="small"
                 :disabled="
                     (newInstanceDialog.accessType === 'friends' || newInstanceDialog.accessType === 'invite') &&
                     newInstanceDialog.userId !== currentUser.id
@@ -465,14 +458,11 @@
                 >{{ t('dialog.new_instance.invite') }}</el-button
             >
             <template v-if="canOpenInstanceInGame()">
-                <el-button
-                    size="small"
-                    @click="showLaunchDialog(newInstanceDialog.location, newInstanceDialog.shortName)"
-                    >{{ t('dialog.new_instance.launch') }}</el-button
-                >
+                <el-button @click="showLaunchDialog(newInstanceDialog.location, newInstanceDialog.shortName)">{{
+                    t('dialog.new_instance.launch')
+                }}</el-button>
                 <el-button
                     type="primary"
-                    size="small"
                     @click="handleAttachGame(newInstanceDialog.location, newInstanceDialog.shortName)">
                     {{ t('dialog.new_instance.open_ingame') }}
                 </el-button>
@@ -480,7 +470,6 @@
             <template v-else>
                 <el-button
                     type="primary"
-                    size="small"
                     @click="showLaunchDialog(newInstanceDialog.location, newInstanceDialog.shortName)"
                     >{{ t('dialog.new_instance.launch') }}</el-button
                 >
diff --git a/src/components/dialogs/UserDialog/BioDialog.vue b/src/components/dialogs/UserDialog/BioDialog.vue
index 88f7f6c1..df0d23fb 100644
--- a/src/components/dialogs/UserDialog/BioDialog.vue
+++ b/src/components/dialogs/UserDialog/BioDialog.vue
@@ -37,7 +37,7 @@
         </div>
 
         <template #footer>
-            <el-button type="primary" size="small" :disabled="bioDialog.loading" @click="saveBio">
+            <el-button type="primary" :disabled="bioDialog.loading" @click="saveBio">
                 {{ t('dialog.bio.update') }}
             </el-button>
         </template>
diff --git a/src/components/dialogs/UserDialog/PronounsDialog.vue b/src/components/dialogs/UserDialog/PronounsDialog.vue
index 6013e8d5..a84833e9 100644
--- a/src/components/dialogs/UserDialog/PronounsDialog.vue
+++ b/src/components/dialogs/UserDialog/PronounsDialog.vue
@@ -17,7 +17,7 @@
             </el-input>
         </div>
         <template #footer>
-            <el-button type="primary" size="small" :disabled="pronounsDialog.loading" @click="savePronouns">
+            <el-button type="primary" :disabled="pronounsDialog.loading" @click="savePronouns">
                 {{ t('dialog.pronouns.update') }}
             </el-button>
         </template>
diff --git a/src/components/dialogs/UserDialog/SocialStatusDialog.vue b/src/components/dialogs/UserDialog/SocialStatusDialog.vue
index 1a089395..4ad8fe8a 100644
--- a/src/components/dialogs/UserDialog/SocialStatusDialog.vue
+++ b/src/components/dialogs/UserDialog/SocialStatusDialog.vue
@@ -49,7 +49,7 @@
         </div>
 
         <template #footer>
-            <el-button type="primary" size="small" :disabled="socialStatusDialog.loading" @click="saveSocialStatus">
+            <el-button type="primary" :disabled="socialStatusDialog.loading" @click="saveSocialStatus">
                 {{ t('dialog.social_status.update') }}
             </el-button>
         </template>
diff --git a/src/components/dialogs/VRCXUpdateDialog.vue b/src/components/dialogs/VRCXUpdateDialog.vue
index 7bbb02d3..f886f6f9 100644
--- a/src/components/dialogs/VRCXUpdateDialog.vue
+++ b/src/components/dialogs/VRCXUpdateDialog.vue
@@ -40,22 +40,17 @@
         </div>
 
         <template #footer>
-            <el-button v-if="updateInProgress" type="primary" size="small" @click="cancelUpdate">
+            <el-button v-if="updateInProgress" type="primary" @click="cancelUpdate">
                 {{ t('dialog.vrcx_updater.cancel') }}
             </el-button>
             <el-button
                 v-if="VRCXUpdateDialog.release !== pendingVRCXInstall"
                 :disabled="updateInProgress"
                 type="primary"
-                size="small"
                 @click="installVRCXUpdate">
                 {{ t('dialog.vrcx_updater.download') }}
             </el-button>
-            <el-button
-                v-if="!updateInProgress && pendingVRCXInstall"
-                type="primary"
-                size="small"
-                @click="restartVRCX(true)">
+            <el-button v-if="!updateInProgress && pendingVRCXInstall" type="primary" @click="restartVRCX(true)">
                 {{ t('dialog.vrcx_updater.install') }}
             </el-button>
         </template>
diff --git a/src/components/dialogs/WorldDialog/SetWorldTagsDialog.vue b/src/components/dialogs/WorldDialog/SetWorldTagsDialog.vue
index 43830a4c..37ff0a23 100644
--- a/src/components/dialogs/WorldDialog/SetWorldTagsDialog.vue
+++ b/src/components/dialogs/WorldDialog/SetWorldTagsDialog.vue
@@ -73,10 +73,10 @@
         </el-checkbox>
         <template #footer>
             <div style="display: flex">
-                <el-button size="small" @click="isVisible = false">
+                <el-button @click="isVisible = false">
                     {{ t('dialog.set_world_tags.cancel') }}
                 </el-button>
-                <el-button type="primary" size="small" @click="saveSetWorldTagsDialog">
+                <el-button type="primary" @click="saveSetWorldTagsDialog">
                     {{ t('dialog.set_world_tags.save') }}
                 </el-button>
             </div>
diff --git a/src/components/dialogs/WorldDialog/WorldAllowedDomainsDialog.vue b/src/components/dialogs/WorldDialog/WorldAllowedDomainsDialog.vue
index d32cfb88..61cc2802 100644
--- a/src/components/dialogs/WorldDialog/WorldAllowedDomainsDialog.vue
+++ b/src/components/dialogs/WorldDialog/WorldAllowedDomainsDialog.vue
@@ -19,11 +19,7 @@
             </el-button>
         </div>
         <template #footer>
-            <el-button
-                type="primary"
-                size="small"
-                :disabled="!worldAllowedDomainsDialog.worldId"
-                @click="saveWorldAllowedDomains">
+            <el-button type="primary" :disabled="!worldAllowedDomainsDialog.worldId" @click="saveWorldAllowedDomains">
                 {{ t('dialog.allowed_video_player_domains.save') }}
             </el-button>
         </template>
diff --git a/src/views/Notifications/dialogs/EditAndSendInviteResponseDialog.vue b/src/views/Notifications/dialogs/EditAndSendInviteResponseDialog.vue
index 1111496e..5e88213c 100644
--- a/src/views/Notifications/dialogs/EditAndSendInviteResponseDialog.vue
+++ b/src/views/Notifications/dialogs/EditAndSendInviteResponseDialog.vue
@@ -23,7 +23,7 @@
             <el-button @click="cancelEditAndSendInviteResponse">{{
                 t('dialog.edit_send_invite_response_message.cancel')
             }}</el-button>
-            <el-button type="primary" size="small" @click="saveEditAndSendInviteResponse">{{
+            <el-button type="primary" @click="saveEditAndSendInviteResponse">{{
                 t('dialog.edit_send_invite_response_message.send')
             }}</el-button>
         </template>
diff --git a/src/views/Profile/dialogs/EditInviteMessageDialog.vue b/src/views/Profile/dialogs/EditInviteMessageDialog.vue
index 7467b815..507ef895 100644
--- a/src/views/Profile/dialogs/EditInviteMessageDialog.vue
+++ b/src/views/Profile/dialogs/EditInviteMessageDialog.vue
@@ -19,7 +19,7 @@
         </div>
         <template #footer>
             <el-button @click="closeDialog">{{ t('dialog.edit_invite_message.cancel') }}</el-button>
-            <el-button type="primary" size="small" @click="saveEditInviteMessage">{{
+            <el-button type="primary" @click="saveEditInviteMessage">{{
                 t('dialog.edit_invite_message.save')
             }}</el-button>
         </template>
diff --git a/src/views/Settings/dialogs/FeedFiltersDialog.vue b/src/views/Settings/dialogs/FeedFiltersDialog.vue
index 0056f33b..bb97efdf 100644
--- a/src/views/Settings/dialogs/FeedFiltersDialog.vue
+++ b/src/views/Settings/dialogs/FeedFiltersDialog.vue
@@ -49,10 +49,8 @@
         </div>
 
         <template #footer>
-            <el-button size="small" @click="currentResetFunction">{{
-                t('dialog.shared_feed_filters.reset')
-            }}</el-button>
-            <el-button size="small" type="primary" style="margin-left: 10px" @click="handleDialogClose">{{
+            <el-button @click="currentResetFunction">{{ t('dialog.shared_feed_filters.reset') }}</el-button>
+            <el-button type="primary" style="margin-left: 10px" @click="handleDialogClose">{{
                 t('dialog.shared_feed_filters.close')
             }}</el-button>
         </template>
diff --git a/src/views/Settings/dialogs/LaunchOptionsDialog.vue b/src/views/Settings/dialogs/LaunchOptionsDialog.vue
index 29321340..e0044c6e 100644
--- a/src/views/Settings/dialogs/LaunchOptionsDialog.vue
+++ b/src/views/Settings/dialogs/LaunchOptionsDialog.vue
@@ -39,15 +39,13 @@
 
         <template #footer>
             <div style="display: flex">
-                <el-button size="small" @click="openExternalLink('https://docs.vrchat.com/docs/launch-options')">
+                <el-button @click="openExternalLink('https://docs.vrchat.com/docs/launch-options')">
                     {{ t('dialog.launch_options.vrchat_docs') }}
                 </el-button>
-                <el-button
-                    size="small"
-                    @click="openExternalLink('https://docs.unity3d.com/Manual/CommandLineArguments.html')">
+                <el-button @click="openExternalLink('https://docs.unity3d.com/Manual/CommandLineArguments.html')">
                     {{ t('dialog.launch_options.unity_manual') }}
                 </el-button>
-                <el-button type="primary" size="small" style="margin-left: auto" @click="updateLaunchOptions">
+                <el-button type="primary" style="margin-left: auto" @click="updateLaunchOptions">
                     {{ t('dialog.launch_options.save') }}
                 </el-button>
             </div>
diff --git a/src/views/Settings/dialogs/NotificationPositionDialog.vue b/src/views/Settings/dialogs/NotificationPositionDialog.vue
index 0040f842..1ca18abb 100644
--- a/src/views/Settings/dialogs/NotificationPositionDialog.vue
+++ b/src/views/Settings/dialogs/NotificationPositionDialog.vue
@@ -37,7 +37,7 @@
 
         <template #footer>
             <div style="display: flex">
-                <el-button type="primary" size="small" style="margin-left: auto" @click="closeDialog">
+                <el-button type="primary" style="margin-left: auto" @click="closeDialog">
                     {{ t('dialog.notification_position.ok') }}
                 </el-button>
             </div>
diff --git a/src/views/Settings/dialogs/PrimaryPasswordDialog.vue b/src/views/Settings/dialogs/PrimaryPasswordDialog.vue
index 0e578f50..a3932595 100644
--- a/src/views/Settings/dialogs/PrimaryPasswordDialog.vue
+++ b/src/views/Settings/dialogs/PrimaryPasswordDialog.vue
@@ -27,7 +27,6 @@
         <template #footer>
             <el-button
                 type="primary"
-                size="small"
                 :disabled="
                     enablePrimaryPasswordDialog.password.length === 0 ||
                     enablePrimaryPasswordDialog.password !== enablePrimaryPasswordDialog.rePassword
diff --git a/src/views/Settings/dialogs/VRChatConfigDialog.vue b/src/views/Settings/dialogs/VRChatConfigDialog.vue
index bacac908..233ef328 100644
--- a/src/views/Settings/dialogs/VRChatConfigDialog.vue
+++ b/src/views/Settings/dialogs/VRChatConfigDialog.vue
@@ -165,15 +165,13 @@
         <template #footer>
             <div style="display: flex; align-items: center; justify-content: space-between">
                 <div>
-                    <el-button
-                        size="small"
-                        @click="openExternalLink('https://docs.vrchat.com/docs/configuration-file')"
-                        >{{ t('dialog.config_json.vrchat_docs') }}</el-button
-                    >
+                    <el-button @click="openExternalLink('https://docs.vrchat.com/docs/configuration-file')">{{
+                        t('dialog.config_json.vrchat_docs')
+                    }}</el-button>
                 </div>
                 <div>
-                    <el-button size="small" @click="closeDialog">{{ t('dialog.config_json.cancel') }}</el-button>
-                    <el-button size="small" type="primary" :disabled="loading" @click="saveVRChatConfigFile">{{
+                    <el-button @click="closeDialog">{{ t('dialog.config_json.cancel') }}</el-button>
+                    <el-button type="primary" :disabled="loading" @click="saveVRChatConfigFile">{{
                         t('dialog.config_json.save')
                     }}</el-button>
                 </div>
diff --git a/src/views/Settings/dialogs/YouTubeApiDialog.vue b/src/views/Settings/dialogs/YouTubeApiDialog.vue
index 17ddfe89..e3584f0f 100644
--- a/src/views/Settings/dialogs/YouTubeApiDialog.vue
+++ b/src/views/Settings/dialogs/YouTubeApiDialog.vue
@@ -18,12 +18,10 @@
 
         <template #footer>
             <div style="display: flex">
-                <el-button
-                    size="small"
-                    @click="openExternalLink('https://rapidapi.com/blog/how-to-get-youtube-api-key/')">
+                <el-button @click="openExternalLink('https://rapidapi.com/blog/how-to-get-youtube-api-key/')">
                     {{ t('dialog.youtube_api.guide') }}
                 </el-button>
-                <el-button type="primary" size="small" style="margin-left: auto" @click="testYouTubeApiKey">
+                <el-button type="primary" style="margin-left: auto" @click="testYouTubeApiKey">
                     {{ t('dialog.youtube_api.save') }}
                 </el-button>
             </div>