Large buttons

This commit is contained in:
Natsumi
2025-09-16 17:42:56 +12:00
parent 9a99b37fea
commit fb542b0bd7
21 changed files with 43 additions and 83 deletions
@@ -94,13 +94,13 @@
</el-form> </el-form>
</div> </div>
<template #footer> <template #footer>
<el-button size="small" @click="groupPostEditDialog.visible = false"> <el-button @click="groupPostEditDialog.visible = false">
{{ t('dialog.group_post_edit.cancel') }} {{ t('dialog.group_post_edit.cancel') }}
</el-button> </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') }} {{ t('dialog.group_post_edit.edit_post') }}
</el-button> </el-button>
<el-button v-else size="small" @click="createGroupPost"> <el-button v-else @click="createGroupPost">
{{ t('dialog.group_post_edit.create_post') }} {{ t('dialog.group_post_edit.create_post') }}
</el-button> </el-button>
</template> </template>
@@ -24,7 +24,7 @@
<el-button @click="cancelEditAndSendInvite"> <el-button @click="cancelEditAndSendInvite">
{{ t('dialog.edit_send_invite_message.cancel') }} {{ t('dialog.edit_send_invite_message.cancel') }}
</el-button> </el-button>
<el-button type="primary" size="small" @click="saveEditAndSendInvite"> <el-button type="primary" @click="saveEditAndSendInvite">
{{ t('dialog.edit_send_invite_message.send') }} {{ t('dialog.edit_send_invite_message.send') }}
</el-button> </el-button>
</template> </template>
@@ -148,15 +148,11 @@
</div> </div>
<template #footer> <template #footer>
<el-button <el-button :disabled="inviteDialog.loading || !inviteDialog.userIds.length" @click="showSendInviteDialog">{{
size="small" t('dialog.invite.invite_with_message')
:disabled="inviteDialog.loading || !inviteDialog.userIds.length" }}</el-button>
@click="showSendInviteDialog"
>{{ t('dialog.invite.invite_with_message') }}</el-button
>
<el-button <el-button
type="primary" type="primary"
size="small"
:disabled="inviteDialog.loading || !inviteDialog.userIds.length" :disabled="inviteDialog.loading || !inviteDialog.userIds.length"
@click="sendInvite" @click="sendInvite"
>{{ t('dialog.invite.invite') }}</el-button >{{ t('dialog.invite.invite') }}</el-button
@@ -155,7 +155,6 @@
<template #footer> <template #footer>
<el-button <el-button
type="primary" type="primary"
size="small"
:disabled="inviteGroupDialog.loading || !inviteGroupDialog.userIds.length || !inviteGroupDialog.groupId" :disabled="inviteGroupDialog.loading || !inviteGroupDialog.userIds.length || !inviteGroupDialog.groupId"
@click="sendGroupInvite"> @click="sendGroupInvite">
{{ t('dialog.invite_to_group.invite') }} {{ t('dialog.invite_to_group.invite') }}
+1 -6
View File
@@ -60,25 +60,22 @@
{{ t('dialog.launch.start_as_desktop') }} {{ t('dialog.launch.start_as_desktop') }}
</el-checkbox> </el-checkbox>
<template #footer> <template #footer>
<el-button size="small" @click="showPreviousInstancesInfoDialog(launchDialog.location)"> <el-button @click="showPreviousInstancesInfoDialog(launchDialog.location)">
{{ t('dialog.launch.info') }} {{ t('dialog.launch.info') }}
</el-button> </el-button>
<el-button <el-button
size="small"
:disabled="!checkCanInvite(launchDialog.location)" :disabled="!checkCanInvite(launchDialog.location)"
@click="showInviteDialog(launchDialog.location)"> @click="showInviteDialog(launchDialog.location)">
{{ t('dialog.launch.invite') }} {{ t('dialog.launch.invite') }}
</el-button> </el-button>
<template v-if="canOpenInstanceInGame()"> <template v-if="canOpenInstanceInGame()">
<el-button <el-button
size="small"
:disabled="!launchDialog.secureOrShortName" :disabled="!launchDialog.secureOrShortName"
@click="handleLaunchGame(launchDialog.location, launchDialog.shortName, launchDialog.desktop)"> @click="handleLaunchGame(launchDialog.location, launchDialog.shortName, launchDialog.desktop)">
{{ t('dialog.launch.launch') }} {{ t('dialog.launch.launch') }}
</el-button> </el-button>
<el-button <el-button
type="primary" type="primary"
size="small"
:disabled="!launchDialog.secureOrShortName" :disabled="!launchDialog.secureOrShortName"
@click="handleAttachGame(launchDialog.location, launchDialog.shortName)"> @click="handleAttachGame(launchDialog.location, launchDialog.shortName)">
{{ t('dialog.launch.open_ingame') }} {{ t('dialog.launch.open_ingame') }}
@@ -86,14 +83,12 @@
</template> </template>
<template v-else> <template v-else>
<el-button <el-button
size="small"
:disabled="!launchDialog.secureOrShortName" :disabled="!launchDialog.secureOrShortName"
@click="selfInvite(launchDialog.location, launchDialog.shortName)"> @click="selfInvite(launchDialog.location, launchDialog.shortName)">
{{ t('dialog.launch.self_invite') }} {{ t('dialog.launch.self_invite') }}
</el-button> </el-button>
<el-button <el-button
type="primary" type="primary"
size="small"
:disabled="!launchDialog.secureOrShortName" :disabled="!launchDialog.secureOrShortName"
@click="handleLaunchGame(launchDialog.location, launchDialog.shortName, launchDialog.desktop)"> @click="handleLaunchGame(launchDialog.location, launchDialog.shortName, launchDialog.desktop)">
{{ t('dialog.launch.launch') }} {{ t('dialog.launch.launch') }}
@@ -48,7 +48,6 @@
<template #footer> <template #footer>
<el-button <el-button
type="primary" type="primary"
size="small"
:disabled="!moderateGroupDialog.userId || !moderateGroupDialog.groupId" :disabled="!moderateGroupDialog.userId || !moderateGroupDialog.groupId"
@click=" @click="
showGroupMemberModerationDialog(moderateGroupDialog.groupId, moderateGroupDialog.userId); showGroupMemberModerationDialog(moderateGroupDialog.groupId, moderateGroupDialog.userId);
+12 -23
View File
@@ -406,14 +406,13 @@
</el-tabs> </el-tabs>
<template v-if="newInstanceDialog.selectedTab === 'Normal'" #footer> <template v-if="newInstanceDialog.selectedTab === 'Normal'" #footer>
<template v-if="newInstanceDialog.instanceCreated"> <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') t('dialog.new_instance.copy_url')
}}</el-button> }}</el-button>
<el-button size="small" @click="selfInvite(newInstanceDialog.location)">{{ <el-button @click="selfInvite(newInstanceDialog.location)">{{
t('dialog.new_instance.self_invite') t('dialog.new_instance.self_invite')
}}</el-button> }}</el-button>
<el-button <el-button
size="small"
:disabled=" :disabled="
(newInstanceDialog.accessType === 'friends' || newInstanceDialog.accessType === 'invite') && (newInstanceDialog.accessType === 'friends' || newInstanceDialog.accessType === 'invite') &&
newInstanceDialog.userId !== currentUser.id newInstanceDialog.userId !== currentUser.id
@@ -422,41 +421,35 @@
>{{ t('dialog.new_instance.invite') }}</el-button >{{ t('dialog.new_instance.invite') }}</el-button
> >
<template v-if="canOpenInstanceInGame()"> <template v-if="canOpenInstanceInGame()">
<el-button <el-button @click="showLaunchDialog(newInstanceDialog.location, newInstanceDialog.shortName)">{{
size="small" t('dialog.new_instance.launch')
@click="showLaunchDialog(newInstanceDialog.location, newInstanceDialog.shortName)" }}</el-button>
>{{ t('dialog.new_instance.launch') }}</el-button <el-button @click="handleAttachGame(newInstanceDialog.location, newInstanceDialog.shortName)">
>
<el-button
size="small"
@click="handleAttachGame(newInstanceDialog.location, newInstanceDialog.shortName)">
{{ t('dialog.new_instance.open_ingame') }} {{ t('dialog.new_instance.open_ingame') }}
</el-button> </el-button>
</template> </template>
<template v-else> <template v-else>
<el-button <el-button
type="primary" type="primary"
size="small"
@click="showLaunchDialog(newInstanceDialog.location, newInstanceDialog.shortName)" @click="showLaunchDialog(newInstanceDialog.location, newInstanceDialog.shortName)"
>{{ t('dialog.new_instance.launch') }}</el-button >{{ t('dialog.new_instance.launch') }}</el-button
> >
</template> </template>
</template> </template>
<template v-else> <template v-else>
<el-button type="primary" size="small" @click="handleCreateNewInstance">{{ <el-button type="primary" @click="handleCreateNewInstance">{{
t('dialog.new_instance.create_instance') t('dialog.new_instance.create_instance')
}}</el-button> }}</el-button>
</template> </template>
</template> </template>
<template v-else-if="newInstanceDialog.selectedTab === 'Legacy'" #footer> <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') t('dialog.new_instance.copy_url')
}}</el-button> }}</el-button>
<el-button size="small" @click="selfInvite(newInstanceDialog.location)">{{ <el-button @click="selfInvite(newInstanceDialog.location)">{{
t('dialog.new_instance.self_invite') t('dialog.new_instance.self_invite')
}}</el-button> }}</el-button>
<el-button <el-button
size="small"
:disabled=" :disabled="
(newInstanceDialog.accessType === 'friends' || newInstanceDialog.accessType === 'invite') && (newInstanceDialog.accessType === 'friends' || newInstanceDialog.accessType === 'invite') &&
newInstanceDialog.userId !== currentUser.id newInstanceDialog.userId !== currentUser.id
@@ -465,14 +458,11 @@
>{{ t('dialog.new_instance.invite') }}</el-button >{{ t('dialog.new_instance.invite') }}</el-button
> >
<template v-if="canOpenInstanceInGame()"> <template v-if="canOpenInstanceInGame()">
<el-button <el-button @click="showLaunchDialog(newInstanceDialog.location, newInstanceDialog.shortName)">{{
size="small" t('dialog.new_instance.launch')
@click="showLaunchDialog(newInstanceDialog.location, newInstanceDialog.shortName)" }}</el-button>
>{{ t('dialog.new_instance.launch') }}</el-button
>
<el-button <el-button
type="primary" type="primary"
size="small"
@click="handleAttachGame(newInstanceDialog.location, newInstanceDialog.shortName)"> @click="handleAttachGame(newInstanceDialog.location, newInstanceDialog.shortName)">
{{ t('dialog.new_instance.open_ingame') }} {{ t('dialog.new_instance.open_ingame') }}
</el-button> </el-button>
@@ -480,7 +470,6 @@
<template v-else> <template v-else>
<el-button <el-button
type="primary" type="primary"
size="small"
@click="showLaunchDialog(newInstanceDialog.location, newInstanceDialog.shortName)" @click="showLaunchDialog(newInstanceDialog.location, newInstanceDialog.shortName)"
>{{ t('dialog.new_instance.launch') }}</el-button >{{ t('dialog.new_instance.launch') }}</el-button
> >
@@ -37,7 +37,7 @@
</div> </div>
<template #footer> <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') }} {{ t('dialog.bio.update') }}
</el-button> </el-button>
</template> </template>
@@ -17,7 +17,7 @@
</el-input> </el-input>
</div> </div>
<template #footer> <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') }} {{ t('dialog.pronouns.update') }}
</el-button> </el-button>
</template> </template>
@@ -49,7 +49,7 @@
</div> </div>
<template #footer> <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') }} {{ t('dialog.social_status.update') }}
</el-button> </el-button>
</template> </template>
+2 -7
View File
@@ -40,22 +40,17 @@
</div> </div>
<template #footer> <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') }} {{ t('dialog.vrcx_updater.cancel') }}
</el-button> </el-button>
<el-button <el-button
v-if="VRCXUpdateDialog.release !== pendingVRCXInstall" v-if="VRCXUpdateDialog.release !== pendingVRCXInstall"
:disabled="updateInProgress" :disabled="updateInProgress"
type="primary" type="primary"
size="small"
@click="installVRCXUpdate"> @click="installVRCXUpdate">
{{ t('dialog.vrcx_updater.download') }} {{ t('dialog.vrcx_updater.download') }}
</el-button> </el-button>
<el-button <el-button v-if="!updateInProgress && pendingVRCXInstall" type="primary" @click="restartVRCX(true)">
v-if="!updateInProgress && pendingVRCXInstall"
type="primary"
size="small"
@click="restartVRCX(true)">
{{ t('dialog.vrcx_updater.install') }} {{ t('dialog.vrcx_updater.install') }}
</el-button> </el-button>
</template> </template>
@@ -73,10 +73,10 @@
</el-checkbox> </el-checkbox>
<template #footer> <template #footer>
<div style="display: flex"> <div style="display: flex">
<el-button size="small" @click="isVisible = false"> <el-button @click="isVisible = false">
{{ t('dialog.set_world_tags.cancel') }} {{ t('dialog.set_world_tags.cancel') }}
</el-button> </el-button>
<el-button type="primary" size="small" @click="saveSetWorldTagsDialog"> <el-button type="primary" @click="saveSetWorldTagsDialog">
{{ t('dialog.set_world_tags.save') }} {{ t('dialog.set_world_tags.save') }}
</el-button> </el-button>
</div> </div>
@@ -19,11 +19,7 @@
</el-button> </el-button>
</div> </div>
<template #footer> <template #footer>
<el-button <el-button type="primary" :disabled="!worldAllowedDomainsDialog.worldId" @click="saveWorldAllowedDomains">
type="primary"
size="small"
:disabled="!worldAllowedDomainsDialog.worldId"
@click="saveWorldAllowedDomains">
{{ t('dialog.allowed_video_player_domains.save') }} {{ t('dialog.allowed_video_player_domains.save') }}
</el-button> </el-button>
</template> </template>
@@ -23,7 +23,7 @@
<el-button @click="cancelEditAndSendInviteResponse">{{ <el-button @click="cancelEditAndSendInviteResponse">{{
t('dialog.edit_send_invite_response_message.cancel') t('dialog.edit_send_invite_response_message.cancel')
}}</el-button> }}</el-button>
<el-button type="primary" size="small" @click="saveEditAndSendInviteResponse">{{ <el-button type="primary" @click="saveEditAndSendInviteResponse">{{
t('dialog.edit_send_invite_response_message.send') t('dialog.edit_send_invite_response_message.send')
}}</el-button> }}</el-button>
</template> </template>
@@ -19,7 +19,7 @@
</div> </div>
<template #footer> <template #footer>
<el-button @click="closeDialog">{{ t('dialog.edit_invite_message.cancel') }}</el-button> <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') t('dialog.edit_invite_message.save')
}}</el-button> }}</el-button>
</template> </template>
@@ -49,10 +49,8 @@
</div> </div>
<template #footer> <template #footer>
<el-button size="small" @click="currentResetFunction">{{ <el-button @click="currentResetFunction">{{ t('dialog.shared_feed_filters.reset') }}</el-button>
t('dialog.shared_feed_filters.reset') <el-button type="primary" style="margin-left: 10px" @click="handleDialogClose">{{
}}</el-button>
<el-button size="small" type="primary" style="margin-left: 10px" @click="handleDialogClose">{{
t('dialog.shared_feed_filters.close') t('dialog.shared_feed_filters.close')
}}</el-button> }}</el-button>
</template> </template>
@@ -39,15 +39,13 @@
<template #footer> <template #footer>
<div style="display: flex"> <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') }} {{ t('dialog.launch_options.vrchat_docs') }}
</el-button> </el-button>
<el-button <el-button @click="openExternalLink('https://docs.unity3d.com/Manual/CommandLineArguments.html')">
size="small"
@click="openExternalLink('https://docs.unity3d.com/Manual/CommandLineArguments.html')">
{{ t('dialog.launch_options.unity_manual') }} {{ t('dialog.launch_options.unity_manual') }}
</el-button> </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') }} {{ t('dialog.launch_options.save') }}
</el-button> </el-button>
</div> </div>
@@ -37,7 +37,7 @@
<template #footer> <template #footer>
<div style="display: flex"> <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') }} {{ t('dialog.notification_position.ok') }}
</el-button> </el-button>
</div> </div>
@@ -27,7 +27,6 @@
<template #footer> <template #footer>
<el-button <el-button
type="primary" type="primary"
size="small"
:disabled=" :disabled="
enablePrimaryPasswordDialog.password.length === 0 || enablePrimaryPasswordDialog.password.length === 0 ||
enablePrimaryPasswordDialog.password !== enablePrimaryPasswordDialog.rePassword enablePrimaryPasswordDialog.password !== enablePrimaryPasswordDialog.rePassword
@@ -165,15 +165,13 @@
<template #footer> <template #footer>
<div style="display: flex; align-items: center; justify-content: space-between"> <div style="display: flex; align-items: center; justify-content: space-between">
<div> <div>
<el-button <el-button @click="openExternalLink('https://docs.vrchat.com/docs/configuration-file')">{{
size="small" t('dialog.config_json.vrchat_docs')
@click="openExternalLink('https://docs.vrchat.com/docs/configuration-file')" }}</el-button>
>{{ t('dialog.config_json.vrchat_docs') }}</el-button
>
</div> </div>
<div> <div>
<el-button size="small" @click="closeDialog">{{ t('dialog.config_json.cancel') }}</el-button> <el-button @click="closeDialog">{{ t('dialog.config_json.cancel') }}</el-button>
<el-button size="small" type="primary" :disabled="loading" @click="saveVRChatConfigFile">{{ <el-button type="primary" :disabled="loading" @click="saveVRChatConfigFile">{{
t('dialog.config_json.save') t('dialog.config_json.save')
}}</el-button> }}</el-button>
</div> </div>
@@ -18,12 +18,10 @@
<template #footer> <template #footer>
<div style="display: flex"> <div style="display: flex">
<el-button <el-button @click="openExternalLink('https://rapidapi.com/blog/how-to-get-youtube-api-key/')">
size="small"
@click="openExternalLink('https://rapidapi.com/blog/how-to-get-youtube-api-key/')">
{{ t('dialog.youtube_api.guide') }} {{ t('dialog.youtube_api.guide') }}
</el-button> </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') }} {{ t('dialog.youtube_api.save') }}
</el-button> </el-button>
</div> </div>