mirror of
https://github.com/MrUnknownDE/VRCX.git
synced 2026-04-24 17:23:50 +02:00
tidy up
This commit is contained in:
@@ -16,7 +16,7 @@
|
||||
<div style="flex: 1">
|
||||
<div>
|
||||
<span
|
||||
class="dialog-title"
|
||||
class="font-bold"
|
||||
style="margin-right: 5px; cursor: pointer"
|
||||
v-text="avatarDialog.ref.name"
|
||||
@click="copyToClipboard(avatarDialog.ref.name)"></span>
|
||||
@@ -76,18 +76,18 @@
|
||||
</TooltipWrapper>
|
||||
<TooltipWrapper v-if="avatarDialog.isIos" side="top" content="iOS">
|
||||
<Badge
|
||||
class="x-tag-platform-ios"
|
||||
class="text-[#8e8e93] border-[#8e8e93]"
|
||||
variant="outline"
|
||||
style="margin-right: 5px; margin-top: 5px"
|
||||
><Apple class="h-4 w-4 x-tag-platform-ios" />
|
||||
><Apple class="h-4 w-4 text-[#8e8e93]" />
|
||||
<span
|
||||
v-if="avatarDialog.platformInfo.ios"
|
||||
:class="['x-grey', 'x-tag-platform-ios', 'x-tag-border-left']"
|
||||
:class="['x-grey', 'x-tag-border-left', 'text-[#8e8e93]', 'border-[#8e8e93]']"
|
||||
>{{ avatarDialog.platformInfo.ios.performanceRating }}</span
|
||||
>
|
||||
<span
|
||||
v-if="avatarDialog.bundleSizes['ios']"
|
||||
:class="['x-grey', 'x-tag-platform-ios', 'x-tag-border-left']"
|
||||
:class="['x-grey', 'x-tag-border-left', 'text-[#8e8e93]', 'border-[#8e8e93]']"
|
||||
>{{ avatarDialog.bundleSizes['ios'].fileSize }}</span
|
||||
>
|
||||
</Badge>
|
||||
|
||||
@@ -27,7 +27,7 @@
|
||||
{{ t('dialog.change_content_image.upload') }}
|
||||
</Button>
|
||||
<br />
|
||||
<div class="x-change-image-item">
|
||||
<div class="inline-block p-1 pb-0 hover:rounded-sm">
|
||||
<img :src="previousImageUrl" class="img-size" loading="lazy" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -78,14 +78,14 @@
|
||||
<span class="name" v-text="avatar.name"></span>
|
||||
<span
|
||||
v-if="avatar.releaseStatus === 'public'"
|
||||
class="extra"
|
||||
class="block truncate text-xs"
|
||||
v-text="avatar.releaseStatus"></span>
|
||||
<span
|
||||
v-else-if="avatar.releaseStatus === 'private'"
|
||||
class="extra"
|
||||
class="block truncate text-xs"
|
||||
v-text="avatar.releaseStatus"></span>
|
||||
<span v-else class="extra" v-text="avatar.releaseStatus"></span>
|
||||
<span class="extra" v-text="avatarTagStrings.get(avatar.id)"></span>
|
||||
<span v-else class="block truncate text-xs" v-text="avatar.releaseStatus"></span>
|
||||
<span class="block truncate text-xs" v-text="avatarTagStrings.get(avatar.id)"></span>
|
||||
</div>
|
||||
<Button size="sm" variant="ghost" style="margin-left: 5px" @click.stop>
|
||||
<Checkbox
|
||||
|
||||
@@ -42,13 +42,13 @@
|
||||
<template v-if="image.versions && image.versions.length > 0">
|
||||
<div
|
||||
v-if="image.versions[image.versions.length - 1].file.url"
|
||||
class="vrcplus-icon"
|
||||
class="h-[200px] w-[200px] rounded-[20px] cursor-pointer overflow-hidden"
|
||||
@click="
|
||||
selectImageGallerySelect(image.versions[image.versions.length - 1].file.url, image.id)
|
||||
">
|
||||
<img
|
||||
:src="image.versions[image.versions.length - 1].file.url"
|
||||
class="avatar"
|
||||
class="h-full w-full rounded-[15px] object-cover"
|
||||
loading="lazy" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -22,7 +22,7 @@
|
||||
<div class="group-header" style="flex: 1">
|
||||
<span v-if="groupDialog.ref.ownerId === currentUser.id" style="margin-right: 5px">👑</span>
|
||||
<span
|
||||
class="dialog-title"
|
||||
class="font-bold"
|
||||
style="margin-right: 5px; cursor: pointer"
|
||||
v-text="groupDialog.ref.name"
|
||||
@click="copyToClipboard(groupDialog.ref.name)"></span>
|
||||
@@ -1133,7 +1133,7 @@
|
||||
class="p-0 overflow-hidden transition-shadow hover:shadow-md">
|
||||
<img
|
||||
:src="image.imageUrl"
|
||||
:class="['x-link', 'x-popover-image']"
|
||||
:class="['x-link', 'max-w-full', 'max-h-full']"
|
||||
@click="showFullscreenImageDialog(image.imageUrl)"
|
||||
loading="lazy" />
|
||||
</Card>
|
||||
|
||||
@@ -444,7 +444,7 @@
|
||||
<span class="name">{{ t('dialog.group_member_moderation.notes') }}</span>
|
||||
<InputGroupTextareaField
|
||||
v-model="note"
|
||||
class="extra"
|
||||
class="text-xs"
|
||||
:rows="2"
|
||||
:placeholder="t('dialog.group_member_moderation.note_placeholder')"
|
||||
style="margin-top: 5px"
|
||||
|
||||
@@ -50,7 +50,7 @@
|
||||
image.versions.length > 0 &&
|
||||
image.versions[image.versions.length - 1].file.url
|
||||
"
|
||||
class="x-popover-image"
|
||||
class="max-w-full max-h-full"
|
||||
style="padding: 8px">
|
||||
<Emoji :imageUrl="image.versions[image.versions.length - 1].file.url" :size="100"></Emoji>
|
||||
</div>
|
||||
|
||||
@@ -20,7 +20,7 @@
|
||||
:maxlength="256"
|
||||
:rows="6"
|
||||
:placeholder="t('dialog.user.info.note_placeholder')"
|
||||
input-class="extra resize-none"
|
||||
input-class="text-xs resize-none"
|
||||
class="my-2"
|
||||
show-count />
|
||||
</template>
|
||||
@@ -28,7 +28,7 @@
|
||||
<span class="name">{{ t('dialog.user.info.memo') }}</span>
|
||||
<InputGroupTextareaField
|
||||
v-model="memo"
|
||||
class="extra mt-2"
|
||||
class="text-xs mt-2"
|
||||
:rows="6"
|
||||
:placeholder="t('dialog.user.info.memo_placeholder')"
|
||||
input-class="resize-none min-h-0" />
|
||||
|
||||
@@ -44,7 +44,7 @@
|
||||
</TooltipWrapper>
|
||||
</template>
|
||||
<span
|
||||
class="dialog-title"
|
||||
class="font-bold"
|
||||
style="margin-left: 5px; margin-right: 5px; cursor: pointer"
|
||||
v-text="userDialog.ref.displayName"
|
||||
@click="copyUserDisplayName(userDialog.ref.displayName)"></span>
|
||||
@@ -152,8 +152,11 @@
|
||||
</Badge>
|
||||
</TooltipWrapper>
|
||||
<TooltipWrapper v-else-if="userDialog.ref.$platform === 'ios'" side="top" content="iOS">
|
||||
<Badge variant="outline" class="x-tag-platform-ios" style="margin-right: 5px; margin-top: 5px">
|
||||
<Apple class="h-4 w-4 x-tag-platform-ios" />
|
||||
<Badge
|
||||
variant="outline"
|
||||
class="text-[#8e8e93] border-[#8e8e93]"
|
||||
style="margin-right: 5px; margin-top: 5px">
|
||||
<Apple class="h-4 w-4 text-[#8e8e93]" />
|
||||
</Badge>
|
||||
</TooltipWrapper>
|
||||
<Badge
|
||||
@@ -185,7 +188,7 @@
|
||||
<Popover>
|
||||
<PopoverTrigger asChild>
|
||||
<img
|
||||
class="x-link x-user-badge"
|
||||
class="x-link hover:grayscale-0"
|
||||
:src="badge.badgeImageUrl"
|
||||
style="
|
||||
flex: none;
|
||||
@@ -196,13 +199,13 @@
|
||||
margin-top: 5px;
|
||||
margin-right: 5px;
|
||||
"
|
||||
:class="{ 'x-user-badge-hidden': badge.hidden }"
|
||||
:class="{ grayscale: badge.hidden }"
|
||||
loading="lazy" />
|
||||
</PopoverTrigger>
|
||||
<PopoverContent side="bottom" class="w-75">
|
||||
<img
|
||||
:src="badge.badgeImageUrl"
|
||||
:class="['x-link', 'x-popover-image']"
|
||||
:class="['x-link', 'max-w-full', 'max-h-full']"
|
||||
@click="showFullscreenImageDialog(badge.badgeImageUrl)"
|
||||
loading="lazy" />
|
||||
<br />
|
||||
|
||||
@@ -25,7 +25,7 @@
|
||||
{{ t('dialog.change_content_image.upload') }}
|
||||
</Button>
|
||||
<br />
|
||||
<div class="x-change-image-item">
|
||||
<div class="inline-block p-1 pb-0 hover:rounded-sm">
|
||||
<img :src="previousImageUrl" class="img-size" loading="lazy" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -22,7 +22,7 @@
|
||||
<div style="flex: 1">
|
||||
<div>
|
||||
<span
|
||||
class="dialog-title"
|
||||
class="font-bold"
|
||||
style="margin-right: 5px; cursor: pointer"
|
||||
@click="copyWorldName">
|
||||
<Home
|
||||
@@ -87,13 +87,13 @@
|
||||
|
||||
<TooltipWrapper v-if="worldDialog.isIos" side="top" content="iOS">
|
||||
<Badge
|
||||
class="x-tag-platform-ios"
|
||||
class="text-[#8e8e93] border-[#8e8e93]"
|
||||
variant="outline"
|
||||
style="margin-right: 5px; margin-top: 5px">
|
||||
<Apple class="h-4 w-4 x-tag-platform-ios" />
|
||||
<Apple class="h-4 w-4 text-[#8e8e93]" />
|
||||
><span
|
||||
v-if="worldDialog.bundleSizes['ios']"
|
||||
:class="['x-grey', 'x-tag-platform-ios', 'x-tag-border-left']">
|
||||
:class="['x-grey', 'x-tag-border-left', 'text-[#8e8e93]', 'border-[#8e8e93]']">
|
||||
{{ worldDialog.bundleSizes['ios'].fileSize }}
|
||||
</span>
|
||||
</Badge>
|
||||
|
||||
Reference in New Issue
Block a user