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

More tooltips

Browse Source
This commit is contained in:
Natsumi
2025-11-04 02:36:08 +11:00
parent bce72d8b6e
commit 0bb804399b
6 changed files with 165 additions and 153 deletions
Download Patch File Download Diff File Expand all files Collapse all files

117
src/components/dialogs/AvatarDialog/AvatarDialog.vue
View File

@@ -46,63 +46,66 @@
style="margin-right: 5px; margin-top: 5px" style="margin-right: 5px; margin-top: 5px"
>{{ t('dialog.avatar.tags.private') }}</el-tag >{{ t('dialog.avatar.tags.private') }}</el-tag
> >
<el-tag <el-tooltip v-if="avatarDialog.isPC" placement="top" content="PC">
v-if="avatarDialog.isPC" <el-tag
class="x-tag-platform-pc" class="x-tag-platform-pc"
type="info" type="info"
effect="plain" effect="plain"
size="small" size="small"
style="margin-right: 5px; margin-top: 5px" style="margin-right: 5px; margin-top: 5px"
><i class="ri-computer-line"></i> ><i class="ri-computer-line"></i>
<span <span
v-if="avatarDialog.platformInfo.pc" v-if="avatarDialog.platformInfo.pc"
:class="['x-grey', 'x-tag-platform-pc', 'x-tag-border-left']" :class="['x-grey', 'x-tag-platform-pc', 'x-tag-border-left']"
>{{ avatarDialog.platformInfo.pc.performanceRating }}</span >{{ avatarDialog.platformInfo.pc.performanceRating }}</span
> >
<span <span
v-if="avatarDialog.bundleSizes['standalonewindows']" v-if="avatarDialog.bundleSizes['standalonewindows']"
:class="['x-grey', 'x-tag-platform-pc', 'x-tag-border-left']" :class="['x-grey', 'x-tag-platform-pc', 'x-tag-border-left']"
>{{ avatarDialog.bundleSizes['standalonewindows'].fileSize }}</span >{{ avatarDialog.bundleSizes['standalonewindows'].fileSize }}</span
> >
</el-tag> </el-tag>
<el-tag </el-tooltip>
v-if="avatarDialog.isQuest" <el-tooltip v-if="avatarDialog.isQuest" placement="top" content="Android">
class="x-tag-platform-quest" <el-tag
type="info" class="x-tag-platform-quest"
effect="plain" type="info"
size="small" effect="plain"
style="margin-right: 5px; margin-top: 5px" size="small"
><i class="ri-android-line"></i> style="margin-right: 5px; margin-top: 5px"
<span ><i class="ri-android-line"></i>
v-if="avatarDialog.platformInfo.android" <span
:class="['x-grey', 'x-tag-platform-quest', 'x-tag-border-left']" v-if="avatarDialog.platformInfo.android"
>{{ avatarDialog.platformInfo.android.performanceRating }}</span :class="['x-grey', 'x-tag-platform-quest', 'x-tag-border-left']"
> >{{ avatarDialog.platformInfo.android.performanceRating }}</span
<span >
v-if="avatarDialog.bundleSizes['android']" <span
:class="['x-grey', 'x-tag-platform-quest', 'x-tag-border-left']" v-if="avatarDialog.bundleSizes['android']"
>{{ avatarDialog.bundleSizes['android'].fileSize }}</span :class="['x-grey', 'x-tag-platform-quest', 'x-tag-border-left']"
> >{{ avatarDialog.bundleSizes['android'].fileSize }}</span
</el-tag> >
<el-tag </el-tag>
v-if="avatarDialog.isIos" </el-tooltip>
class="x-tag-platform-ios" <el-tooltip v-if="avatarDialog.isIos" placement="top" content="iOS">
type="info" <el-tag
effect="plain" class="x-tag-platform-ios"
size="small" type="info"
style="margin-right: 5px; margin-top: 5px" effect="plain"
><i class="ri-apple-line"></i> size="small"
<span style="margin-right: 5px; margin-top: 5px"
v-if="avatarDialog.platformInfo.ios" ><i class="ri-apple-line"></i>
:class="['x-grey', 'x-tag-platform-ios', 'x-tag-border-left']" <span
>{{ avatarDialog.platformInfo.ios.performanceRating }}</span v-if="avatarDialog.platformInfo.ios"
> :class="['x-grey', 'x-tag-platform-ios', 'x-tag-border-left']"
<span >{{ avatarDialog.platformInfo.ios.performanceRating }}</span
v-if="avatarDialog.bundleSizes['ios']" >
:class="['x-grey', 'x-tag-platform-ios', 'x-tag-border-left']" <span
>{{ avatarDialog.bundleSizes['ios'].fileSize }}</span v-if="avatarDialog.bundleSizes['ios']"
> :class="['x-grey', 'x-tag-platform-ios', 'x-tag-border-left']"
</el-tag> >{{ avatarDialog.bundleSizes['ios'].fileSize }}</span
>
</el-tag>
</el-tooltip>
<el-tag <el-tag
v-if="avatarDialog.inCache" v-if="avatarDialog.inCache"
class="x-link" class="x-link"

22
src/components/dialogs/UserDialog/UserSummaryHeader.vue
View File

@@ -73,15 +73,17 @@
</template> </template>
</div> </div>
<div style="margin-top: 5px" v-show="!userDialog.loading"> <div style="margin-top: 5px" v-show="!userDialog.loading">
<el-tag <el-tooltip placement="top" :content="t('dialog.user.tags.trust_level')">
type="info" <el-tag
effect="plain" type="info"
size="small" effect="plain"
class="name" size="small"
:class="userDialog.ref.$trustClass" class="name"
style="margin-right: 5px; margin-top: 5px"> :class="userDialog.ref.$trustClass"
<i class="ri-shield-line"></i>{{ userDialog.ref.$trustLevel }} style="margin-right: 5px; margin-top: 5px">
</el-tag> <i class="ri-shield-line"></i>{{ userDialog.ref.$trustLevel }}
</el-tag>
</el-tooltip>
<el-tooltip <el-tooltip
v-if="userDialog.ref.ageVerified && userDialog.ref.ageVerificationStatus" v-if="userDialog.ref.ageVerified && userDialog.ref.ageVerificationStatus"
placement="top" placement="top"
@@ -152,7 +154,7 @@
<i class="ri-computer-line"></i> <i class="ri-computer-line"></i>
</el-tag> </el-tag>
</el-tooltip> </el-tooltip>
<el-tooltip v-else-if="userDialog.ref.$platform === 'android'" placement="top" content="Quest"> <el-tooltip v-else-if="userDialog.ref.$platform === 'android'" placement="top" content="Android">
<el-tag <el-tag
type="info" type="info"
effect="plain" effect="plain"

87
src/components/dialogs/WorldDialog/WorldDialog.vue
View File

@@ -70,50 +70,53 @@
style="margin-right: 5px; margin-top: 5px"> style="margin-right: 5px; margin-top: 5px">
{{ t('dialog.world.tags.private') }} {{ t('dialog.world.tags.private') }}
</el-tag> </el-tag>
<el-tag <el-tooltip v-if="worldDialog.isPC" placement="top" content="PC">
v-if="worldDialog.isPC" <el-tag
class="x-tag-platform-pc" class="x-tag-platform-pc"
type="info" type="info"
effect="plain" effect="plain"
size="small" size="small"
style="margin-right: 5px; margin-top: 5px"> style="margin-right: 5px; margin-top: 5px">
<i class="ri-computer-line"></i <i class="ri-computer-line"></i
><span ><span
v-if="worldDialog.bundleSizes['standalonewindows']" v-if="worldDialog.bundleSizes['standalonewindows']"
:class="['x-grey', 'x-tag-platform-pc', 'x-tag-border-left']"> :class="['x-grey', 'x-tag-platform-pc', 'x-tag-border-left']">
{{ worldDialog.bundleSizes['standalonewindows'].fileSize }} {{ worldDialog.bundleSizes['standalonewindows'].fileSize }}
</span> </span>
</el-tag> </el-tag>
</el-tooltip>
<el-tag <el-tooltip v-if="worldDialog.isQuest" placement="top" content="Quest">
v-if="worldDialog.isQuest" <el-tag
class="x-tag-platform-quest" class="x-tag-platform-quest"
type="info" type="info"
effect="plain" effect="plain"
size="small" size="small"
style="margin-right: 5px; margin-top: 5px"> style="margin-right: 5px; margin-top: 5px">
<i class="ri-android-line"></i <i class="ri-android-line"></i
><span ><span
v-if="worldDialog.bundleSizes['android']" v-if="worldDialog.bundleSizes['android']"
:class="['x-grey', 'x-tag-platform-quest', 'x-tag-border-left']"> :class="['x-grey', 'x-tag-platform-quest', 'x-tag-border-left']">
{{ worldDialog.bundleSizes['android'].fileSize }} {{ worldDialog.bundleSizes['android'].fileSize }}
</span> </span>
</el-tag> </el-tag>
</el-tooltip>
<el-tag <el-tooltip v-if="worldDialog.isIos" placement="top" content="iOS">
v-if="worldDialog.isIos" <el-tag
class="x-tag-platform-ios" class="x-tag-platform-ios"
type="info" type="info"
effect="plain" effect="plain"
size="small" size="small"
style="margin-right: 5px; margin-top: 5px"> style="margin-right: 5px; margin-top: 5px">
<i class="ri-apple-line"></i <i class="ri-apple-line"></i
><span ><span
v-if="worldDialog.bundleSizes['ios']" v-if="worldDialog.bundleSizes['ios']"
:class="['x-grey', 'x-tag-platform-ios', 'x-tag-border-left']"> :class="['x-grey', 'x-tag-platform-ios', 'x-tag-border-left']">
{{ worldDialog.bundleSizes['ios'].fileSize }} {{ worldDialog.bundleSizes['ios'].fileSize }}
</span> </span>
</el-tag> </el-tag>
</el-tooltip>
<el-tag <el-tag
v-if="worldDialog.avatarScalingDisabled" v-if="worldDialog.avatarScalingDisabled"

3
src/localization/en/en.json
View File

@@ -778,7 +778,8 @@
"friend_number": "Friend Number", "friend_number": "Friend Number",
"vrchat_team": "VRChat Team", "vrchat_team": "VRChat Team",
"18_plus_verified": "18+ Verified", "18_plus_verified": "18+ Verified",
"age_verified": "Age Verified" "age_verified": "Age Verified",
"trust_level": "Trust Level"
}, },
"badges": { "badges": {
"assigned": "Assigned", "assigned": "Assigned",

87
src/views/PlayerList/PlayerList.vue
View File

@@ -64,48 +64,51 @@
style="margin-right: 5px" style="margin-right: 5px"
>{{ t('dialog.world.tags.private') }}</el-tag >{{ t('dialog.world.tags.private') }}</el-tag
> >
<el-tag <el-tooltip v-if="currentInstanceWorld.isPC" placement="top" content="PC">
v-if="currentInstanceWorld.isPC" <el-tag
class="x-tag-platform-pc" class="x-tag-platform-pc"
type="info" type="info"
effect="plain" effect="plain"
size="small" size="small"
style="margin-right: 5px" style="margin-right: 5px"
><i class="ri-computer-line"></i> ><i class="ri-computer-line"></i>
<span <span
v-if="currentInstanceWorld.bundleSizes['standalonewindows']" v-if="currentInstanceWorld.bundleSizes['standalonewindows']"
:class="['x-grey', 'x-tag-platform-pc', 'x-tag-border-left']" :class="['x-grey', 'x-tag-platform-pc', 'x-tag-border-left']"
>{{ currentInstanceWorld.bundleSizes['standalonewindows'].fileSize }}</span >{{ currentInstanceWorld.bundleSizes['standalonewindows'].fileSize }}</span
> >
</el-tag> </el-tag>
<el-tag </el-tooltip>
v-if="currentInstanceWorld.isQuest" <el-tooltip v-if="currentInstanceWorld.isQuest" placement="top" content="Android">
class="x-tag-platform-quest" <el-tag
type="info" class="x-tag-platform-quest"
effect="plain" type="info"
size="small" effect="plain"
style="margin-right: 5px" size="small"
><i class="ri-android-line"></i> style="margin-right: 5px"
<span ><i class="ri-android-line"></i>
v-if="currentInstanceWorld.bundleSizes['android']" <span
:class="['x-grey', 'x-tag-platform-quest', 'x-tag-border-left']" v-if="currentInstanceWorld.bundleSizes['android']"
>{{ currentInstanceWorld.bundleSizes['android'].fileSize }}</span :class="['x-grey', 'x-tag-platform-quest', 'x-tag-border-left']"
> >{{ currentInstanceWorld.bundleSizes['android'].fileSize }}</span
</el-tag> >
<el-tag </el-tag>
v-if="currentInstanceWorld.isIos" </el-tooltip>
class="x-tag-platform-ios" <el-tooltip v-if="currentInstanceWorld.isIos" placement="top" content="iOS">
type="info" <el-tag
effect="plain" class="x-tag-platform-ios"
size="small" type="info"
style="margin-right: 5px" effect="plain"
><i class="ri-apple-line"></i> size="small"
<span style="margin-right: 5px"
v-if="currentInstanceWorld.bundleSizes['ios']" ><i class="ri-apple-line"></i>
:class="['x-grey', 'x-tag-platform-ios', 'x-tag-border-left']" <span
>{{ currentInstanceWorld.bundleSizes['ios'].fileSize }}</span v-if="currentInstanceWorld.bundleSizes['ios']"
> :class="['x-grey', 'x-tag-platform-ios', 'x-tag-border-left']"
</el-tag> >{{ currentInstanceWorld.bundleSizes['ios'].fileSize }}</span
>
</el-tag>
</el-tooltip>
<el-tag <el-tag
v-if="currentInstanceWorld.avatarScalingDisabled" v-if="currentInstanceWorld.avatarScalingDisabled"
type="warning" type="warning"

2
src/vr/Vr.vue
View File

@@ -1358,7 +1358,7 @@
> >
<span v-else-if="feed.platform === 'VR'" style="color: #409eff; margin-left: 10px">VR</span> <span v-else-if="feed.platform === 'VR'" style="color: #409eff; margin-left: 10px">VR</span>
<span v-else-if="feed.platform === 'Quest'" style="color: #67c23a; margin-left: 10px" <span v-else-if="feed.platform === 'Quest'" style="color: #67c23a; margin-left: 10px"
>Quest</span >Android</span
> >
<span v-else-if="feed.platform === 'iOS'" style="color: #c7c7ce; margin-left: 10px" <span v-else-if="feed.platform === 'iOS'" style="color: #c7c7ce; margin-left: 10px"
>iOS</span >iOS</span