MrUnknownDE/VRCX
1
0
Fork 0
mirror of https://github.com/MrUnknownDE/VRCX.git synced 2026-04-16 13:23:52 +02:00
Code Issues Packages Projects Releases Wiki Activity

replace dropdown

Browse Source
This commit is contained in:
pa
2026-01-08 20:19:37 +09:00
committed by Natsumi
parent 914fea6ccf
commit 3d37cebefc
7 changed files with 237 additions and 197 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/NavMenu.vue
View File

@@ -46,7 +46,7 @@
v-for="entry in item.children"
:key="entry.index"
:index="entry.index"
class="pl-8!"
class="pl-9!"
:class="{ notify: isEntryNotified(entry) }"
@click="handleSubmenuClick(entry, item.index)">
<i v-show="entry.icon" :class="entry.icon"></i>
@@ -254,7 +254,6 @@
import { useRouter } from 'vue-router';
import {
useAdvancedSettingsStore,
useAppearanceSettingsStore,
useAuthStore,
useSearchStore,
@@ -262,7 +261,6 @@
useVRCXUpdaterStore
} from '../stores';
import { THEME_CONFIG, links, navDefinitions } from '../shared/constants';
import { getSentry } from '../plugin';
import { openExternalLink } from '../shared/utils';
import { useThemePrimaryColor } from '../composables/useElementTheme';

71
src/components/dialogs/NewInstanceDialog.vue
View File

@@ -15,10 +15,12 @@
variant="outline"
size="sm"
:model-value="newInstanceDialog.accessType"
@update:model-value="(value) => {
newInstanceDialog.accessType = value;
buildInstance();
}">
@update:model-value="
(value) => {
newInstanceDialog.accessType = value;
buildInstance();
}
">
<ToggleGroupItem value="public">{{
t('dialog.new_instance.access_type_public')
}}</ToggleGroupItem>
@@ -48,18 +50,24 @@
variant="outline"
size="sm"
:model-value="newInstanceDialog.groupAccessType"
@update:model-value="(value) => {
newInstanceDialog.groupAccessType = value;
buildInstance();
}">
@update:model-value="
(value) => {
newInstanceDialog.groupAccessType = value;
buildInstance();
}
">
<ToggleGroupItem
value="members"
:disabled="!hasGroupPermission(newInstanceDialog.groupRef, 'group-instance-open-create')"
:disabled="
!hasGroupPermission(newInstanceDialog.groupRef, 'group-instance-open-create')
"
>{{ t('dialog.new_instance.group_access_type_members') }}</ToggleGroupItem
>
<ToggleGroupItem
value="plus"
:disabled="!hasGroupPermission(newInstanceDialog.groupRef, 'group-instance-plus-create')"
:disabled="
!hasGroupPermission(newInstanceDialog.groupRef, 'group-instance-plus-create')
"
>{{ t('dialog.new_instance.group_access_type_plus') }}</ToggleGroupItem
>
<ToggleGroupItem
@@ -79,10 +87,12 @@
variant="outline"
size="sm"
:model-value="newInstanceDialog.region"
@update:model-value="(value) => {
newInstanceDialog.region = value;
buildInstance();
}">
@update:model-value="
(value) => {
newInstanceDialog.region = value;
buildInstance();
}
">
<ToggleGroupItem value="US West">{{ t('dialog.new_instance.region_usw') }}</ToggleGroupItem>
<ToggleGroupItem value="US East">{{ t('dialog.new_instance.region_use') }}</ToggleGroupItem>
<ToggleGroupItem value="Europe">{{ t('dialog.new_instance.region_eu') }}</ToggleGroupItem>
@@ -198,10 +208,12 @@
variant="outline"
size="sm"
:model-value="newInstanceDialog.accessType"
@update:model-value="(value) => {
newInstanceDialog.accessType = value;
buildLegacyInstance();
}">
@update:model-value="
(value) => {
newInstanceDialog.accessType = value;
buildLegacyInstance();
}
">
<ToggleGroupItem value="public">{{
t('dialog.new_instance.access_type_public')
}}</ToggleGroupItem>
@@ -231,10 +243,12 @@
variant="outline"
size="sm"
:model-value="newInstanceDialog.groupAccessType"
@update:model-value="(value) => {
newInstanceDialog.groupAccessType = value;
buildLegacyInstance();
}">
@update:model-value="
(value) => {
newInstanceDialog.groupAccessType = value;
buildLegacyInstance();
}
">
<ToggleGroupItem value="members">{{
t('dialog.new_instance.group_access_type_members')
}}</ToggleGroupItem>
@@ -253,10 +267,12 @@
variant="outline"
size="sm"
:model-value="newInstanceDialog.region"
@update:model-value="(value) => {
newInstanceDialog.region = value;
buildLegacyInstance();
}">
@update:model-value="
(value) => {
newInstanceDialog.region = value;
buildLegacyInstance();
}
">
<ToggleGroupItem value="US West">{{ t('dialog.new_instance.region_usw') }}</ToggleGroupItem>
<ToggleGroupItem value="US East">{{ t('dialog.new_instance.region_use') }}</ToggleGroupItem>
<ToggleGroupItem value="Europe">{{ t('dialog.new_instance.region_eu') }}</ToggleGroupItem>
@@ -524,8 +540,6 @@
import { toast } from 'vue-sonner';
import { useI18n } from 'vue-i18n';
import { ToggleGroup, ToggleGroupItem } from '../ui/toggle-group';
import {
copyToClipboard,
getLaunchURL,
@@ -545,6 +559,7 @@
useUserStore
} from '../../stores';
import { groupRequest, instanceRequest, worldRequest } from '../../api';
import { ToggleGroup, ToggleGroupItem } from '../ui/toggle-group';
import { getNextDialogIndex } from '../../shared/utils/base/ui';
import InviteDialog from './InviteDialog/InviteDialog.vue';