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

tidy up

Browse Source
This commit is contained in:
pa
2026-01-16 22:21:00 +09:00
committed by Natsumi
parent 093fe082f2
commit d55ee08a05
48 changed files with 264 additions and 473 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/views/Settings/Settings.vue
View File

@@ -38,6 +38,7 @@
import { TabsUnderline } from '@/components/ui/tabs';
import { useI18n } from 'vue-i18n';
import AdvancedTab from './components/Tabs/AdvancedTab.vue';
import AppearanceTab from './components/Tabs/AppearanceTab.vue';
import DiscordPresenceTab from './components/Tabs/DiscordPresenceTab.vue';

4
src/views/Settings/components/Tabs/AdvancedTab.vue
View File

@@ -90,10 +90,10 @@
<div class="x-friend-item">
<div class="detail" @click="getVisits">
<span class="name">{{ t('view.profile.game_info.online_users') }}</span>
<span v-if="visits" class="extra">{{
<span v-if="visits" class="block truncate text-xs">{{
t('view.profile.game_info.user_online', { count: visits })
}}</span>
<span v-else class="extra">{{ t('view.profile.game_info.refresh') }}</span>
<span v-else class="block truncate text-xs">{{ t('view.profile.game_info.refresh') }}</span>
</div>
</div>
</div>

14
src/views/Settings/components/Tabs/AppearanceTab.vue
View File

@@ -356,49 +356,49 @@
:model-value="trustColor.untrusted"
:presets="['#CCCCCC']"
@change="updateTrustColor('untrusted', $event)" />
<span class="color-picker x-tag-untrusted">Visitor</span>
<span class="text-[18px] align-top x-tag-untrusted">Visitor</span>
</div>
<div>
<PresetColorPicker
:model-value="trustColor.basic"
:presets="['#1778ff']"
@change="updateTrustColor('basic', $event)" />
<span class="color-picker x-tag-basic">New User</span>
<span class="text-[18px] align-top x-tag-basic">New User</span>
</div>
<div>
<PresetColorPicker
:model-value="trustColor.known"
:presets="['#2bcf5c']"
@change="updateTrustColor('known', $event)" />
<span class="color-picker x-tag-known">User</span>
<span class="text-[18px] align-top x-tag-known">User</span>
</div>
<div>
<PresetColorPicker
:model-value="trustColor.trusted"
:presets="['#ff7b42']"
@change="updateTrustColor('trusted', $event)" />
<span class="color-picker x-tag-trusted">Known User</span>
<span class="text-[18px] align-top x-tag-trusted">Known User</span>
</div>
<div>
<PresetColorPicker
:model-value="trustColor.veteran"
:presets="['#b18fff', '#8143e6', '#ff69b4', '#b52626', '#ffd000', '#abcdef']"
@change="updateTrustColor('veteran', $event)" />
<span class="color-picker x-tag-veteran">Trusted User</span>
<span class="text-[18px] align-top x-tag-veteran">Trusted User</span>
</div>
<div>
<PresetColorPicker
:model-value="trustColor.vip"
:presets="['#ff2626']"
@change="updateTrustColor('vip', $event)" />
<span class="color-picker x-tag-vip">VRChat Team</span>
<span class="text-[18px] align-top x-tag-vip">VRChat Team</span>
</div>
<div>
<PresetColorPicker
:model-value="trustColor.troll"
:presets="['#782f2f']"
@change="updateTrustColor('troll', $event)" />
<span class="color-picker x-tag-troll">Nuisance</span>
<span class="text-[18px] align-top x-tag-troll">Nuisance</span>
</div>
</div>
</div>

10
src/views/Settings/components/Tabs/GeneralTab.vue
View File

@@ -6,14 +6,14 @@
<div class="x-friend-item" style="cursor: default">
<div class="detail">
<span class="name">{{ t('view.settings.general.general.version') }}</span>
<span class="extra" v-text="appVersion"></span>
<span class="block truncate text-xs" v-text="appVersion"></span>
</div>
</div>
<div class="x-friend-item" @click="checkForVRCXUpdate">
<div class="detail">
<span class="name">{{ t('view.settings.general.general.latest_app_version') }}</span>
<span v-if="latestAppVersion" class="extra" v-text="latestAppVersion"></span>
<span v-else class="extra">{{
<span v-if="latestAppVersion" class="block truncate text-xs" v-text="latestAppVersion"></span>
<span v-else class="block truncate text-xs">{{
t('view.settings.general.general.latest_app_version_refresh')
}}</span>
</div>
@@ -21,13 +21,13 @@
<div class="x-friend-item" @click="openExternalLink(links.github)">
<div class="detail">
<span class="name">{{ t('view.settings.general.general.repository_url') }}</span>
<span v-once class="extra">{{ links.github }}</span>
<span v-once class="block truncate text-xs">{{ links.github }}</span>
</div>
</div>
<div class="x-friend-item" @click="openExternalLink(links.discord)">
<div class="detail">
<span class="name">{{ t('view.settings.general.general.support') }}</span>
<span v-once class="extra">{{ links.discord }}</span>
<span v-once class="block truncate text-xs">{{ links.discord }}</span>
</div>
</div>
</div>

25
src/views/Settings/dialogs/FeedFiltersDialog.vue
View File

@@ -4,9 +4,9 @@
<DialogHeader>
<DialogTitle>{{ dialogTitle }}</DialogTitle>
</DialogHeader>
<div class="toggle-list" style="height: 75vh; overflow-y: auto">
<div v-for="setting in currentOptions" :key="setting.key" class="toggle-item">
<span class="toggle-name"
<div class="text-[15px] h-[75vh] overflow-y-auto">
<div v-for="setting in currentOptions" :key="setting.key" class="mb-[5px] flex items-center">
<span class="inline-block min-w-[190px] pr-2.5 text-right"
>{{ setting.name
}}<TooltipWrapper
v-if="setting.tooltip"
@@ -38,11 +38,14 @@
<template v-if="photonLoggingEnabled">
<br />
<div class="toggle-item">
<span class="toggle-name">Photon Event Logging</span>
<div class="mb-[5px] flex items-center">
<span class="inline-block min-w-[190px] pr-2.5 text-right">Photon Event Logging</span>
</div>
<div v-for="setting in photonFeedFiltersOptions" :key="setting.key" class="toggle-item">
<span class="toggle-name">{{ setting.name }}</span>
<div
v-for="setting in photonFeedFiltersOptions"
:key="setting.key"
class="mb-[5px] flex items-center">
<span class="inline-block min-w-[190px] pr-2.5 text-right">{{ setting.name }}</span>
<ToggleGroup
type="single"
required
@@ -154,11 +157,3 @@
emit('update:feedFiltersDialogMode', '');
}
</script>
<style scoped>
.toggle-list .toggle-item {
display: flex;
align-items: center;
margin-bottom: 8px;
}
</style>