More tooltips

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

View File

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

View File

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

View File

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

View File

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

View File

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

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 === 'Quest'" style="color: #67c23a; margin-left: 10px"
>Quest</span
>Android</span
>
<span v-else-if="feed.platform === 'iOS'" style="color: #c7c7ce; margin-left: 10px"
>iOS</span