Platform icon tooltips

This commit is contained in:
Natsumi
2025-11-02 02:03:02 +11:00
parent 1971e78f09
commit 40ef317491
2 changed files with 61 additions and 50 deletions
@@ -82,30 +82,38 @@
style="margin-right: 5px; margin-top: 5px"> style="margin-right: 5px; margin-top: 5px">
{{ userDialog.ref.$trustLevel }} {{ userDialog.ref.$trustLevel }}
</el-tag> </el-tag>
<el-tag <el-tooltip
v-if="userDialog.ref.ageVerified && userDialog.ref.ageVerificationStatus" v-if="userDialog.ref.ageVerified && userDialog.ref.ageVerificationStatus"
type="info" placement="top"
effect="plain" :content="t('dialog.user.tags.age_verified')">
size="small" <el-tag
class="x-tag-age-verification" type="info"
style="margin-right: 5px; margin-top: 5px"> effect="plain"
<template v-if="userDialog.ref.ageVerificationStatus === '18+'"> size="small"
<i class="ri-info-card-line"></i> 18+ class="x-tag-age-verification"
</template> style="margin-right: 5px; margin-top: 5px">
<template v-else> <template v-if="userDialog.ref.ageVerificationStatus === '18+'">
<i class="ri-info-card-line"></i> <i class="ri-info-card-line"></i> 18+
</template> </template>
</el-tag> <template v-else>
<el-tag <i class="ri-info-card-line"></i>
</template>
</el-tag>
</el-tooltip>
<el-tooltip
v-if="userDialog.isFriend && userDialog.friend" v-if="userDialog.isFriend && userDialog.friend"
type="info" placement="top"
effect="plain" :content="t('dialog.user.tags.friend_number')">
size="small" <el-tag
class="x-tag-friend" type="info"
style="margin-right: 5px; margin-top: 5px"> effect="plain"
<i class="ri-user-add-line"></i> size="small"
{{ userDialog.ref.$friendNumber ? userDialog.ref.$friendNumber : '' }} class="x-tag-friend"
</el-tag> style="margin-right: 5px; margin-top: 5px">
<i class="ri-user-add-line"></i>
{{ userDialog.ref.$friendNumber ? userDialog.ref.$friendNumber : '' }}
</el-tag>
</el-tooltip>
<el-tag <el-tag
v-if="userDialog.ref.$isTroll" v-if="userDialog.ref.$isTroll"
type="info" type="info"
@@ -134,33 +142,36 @@
{{ t('dialog.user.tags.vrchat_team') }} {{ t('dialog.user.tags.vrchat_team') }}
</el-tag> </el-tag>
<el-tag <el-tooltip v-if="userDialog.ref.$platform === 'standalonewindows'" placement="top" content="PC">
v-if="userDialog.ref.$platform === 'standalonewindows'" <el-tag
type="info" type="info"
effect="plain" effect="plain"
size="small" size="small"
class="x-tag-platform-pc" class="x-tag-platform-pc"
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>
</el-tag> </el-tag>
<el-tag </el-tooltip>
v-else-if="userDialog.ref.$platform === 'android'" <el-tooltip v-else-if="userDialog.ref.$platform === 'android'" placement="top" content="Quest">
type="info" <el-tag
effect="plain" type="info"
size="small" effect="plain"
class="x-tag-platform-quest" size="small"
style="margin-right: 5px; margin-top: 5px"> class="x-tag-platform-quest"
<i class="ri-android-line"></i> style="margin-right: 5px; margin-top: 5px">
</el-tag> <i class="ri-android-line"></i>
<el-tag </el-tag>
v-else-if="userDialog.ref.$platform === 'ios'" </el-tooltip>
type="info" <el-tooltip v-else-if="userDialog.ref.$platform === 'ios'" placement="top" content="iOS">
effect="plain" <el-tag
size="small" type="info"
class="x-tag-platform-ios" effect="plain"
style="margin-right: 5px; margin-top: 5px" size="small"
><i class="ri-apple-line"></i class="x-tag-platform-ios"
></el-tag> style="margin-right: 5px; margin-top: 5px"
><i class="ri-apple-line"></i
></el-tag>
</el-tooltip>
<el-tag <el-tag
v-else-if="userDialog.ref.$platform" v-else-if="userDialog.ref.$platform"
type="info" type="info"
+1 -1
View File
@@ -775,7 +775,7 @@
"previous_display_names": "Previous Display Names:", "previous_display_names": "Previous Display Names:",
"pronouns": "Pronouns", "pronouns": "Pronouns",
"tags": { "tags": {
"friend_no": "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"