mirror of
https://github.com/MrUnknownDE/VRCX.git
synced 2026-04-26 10:13:48 +02:00
fix styles
This commit is contained in:
@@ -8,7 +8,7 @@
|
||||
<div style="display: flex">
|
||||
<img
|
||||
:src="avatarDialog.ref.thumbnailImageUrl"
|
||||
class="x-link"
|
||||
class="cursor-pointer"
|
||||
@click="showFullscreenImageDialog(avatarDialog.ref.imageUrl)"
|
||||
style="flex: none; width: 160px; height: 120px; border-radius: 12px"
|
||||
loading="lazy" />
|
||||
@@ -23,7 +23,7 @@
|
||||
</div>
|
||||
<div style="margin-top: 5px">
|
||||
<span
|
||||
class="x-link x-grey"
|
||||
class="cursor-pointer x-grey"
|
||||
style="font-family: monospace"
|
||||
@click="showUserDialog(avatarDialog.ref.authorId)"
|
||||
v-text="avatarDialog.ref.authorName"></span>
|
||||
@@ -105,7 +105,7 @@
|
||||
<Badge
|
||||
v-if="avatarDialog.inCache"
|
||||
variant="outline"
|
||||
class="x-link"
|
||||
class="cursor-pointer"
|
||||
style="margin-right: 5px; margin-top: 5px"
|
||||
@click="openFolderGeneric(avatarDialog.cachePath)">
|
||||
<span v-text="avatarDialog.cacheSize"></span>
|
||||
|
||||
@@ -154,7 +154,7 @@
|
||||
</div>
|
||||
<div class="mt-2">
|
||||
<a
|
||||
class="x-link"
|
||||
class="cursor-pointer"
|
||||
@click.prevent="openExternalLink('https://remixicon.com/')">
|
||||
https://remixicon.com/
|
||||
</a>
|
||||
|
||||
@@ -15,7 +15,7 @@
|
||||
<img
|
||||
:src="groupDialog.ref.iconUrl"
|
||||
style="flex: none; width: 120px; height: 120px; border-radius: 12px"
|
||||
class="x-link"
|
||||
class="cursor-pointer"
|
||||
@click="showFullscreenImageDialog(groupDialog.ref.iconUrl)"
|
||||
loading="lazy" />
|
||||
<div style="flex: 1; display: flex; align-items: center; margin-left: 15px">
|
||||
@@ -42,7 +42,7 @@
|
||||
</TooltipWrapper>
|
||||
<div style="margin-top: 5px">
|
||||
<span
|
||||
class="x-link x-grey"
|
||||
class="cursor-pointer x-grey"
|
||||
style="font-family: monospace"
|
||||
@click="showUserDialog(groupDialog.ref.ownerId)"
|
||||
v-text="groupDialog.ownerDisplayName"></span>
|
||||
@@ -357,7 +357,7 @@
|
||||
<div class="group-banner-image-info">
|
||||
<img
|
||||
:src="groupDialog.ref.bannerUrl"
|
||||
class="x-link"
|
||||
class="cursor-pointer"
|
||||
style="
|
||||
flex: none;
|
||||
width: 100%;
|
||||
@@ -424,7 +424,7 @@
|
||||
style="display: inline-block; margin-right: 5px">
|
||||
<img
|
||||
:src="groupDialog.announcement.imageUrl"
|
||||
class="x-link"
|
||||
class="cursor-pointer"
|
||||
style="
|
||||
flex: none;
|
||||
width: 60px;
|
||||
@@ -760,7 +760,7 @@
|
||||
<div v-if="post.imageUrl" style="display: inline-block; margin-right: 5px">
|
||||
<img
|
||||
:src="post.imageUrl"
|
||||
class="x-link"
|
||||
class="cursor-pointer"
|
||||
style="
|
||||
flex: none;
|
||||
width: 60px;
|
||||
@@ -1123,7 +1123,7 @@
|
||||
class="p-0 overflow-hidden transition-shadow hover:shadow-md">
|
||||
<img
|
||||
:src="image.imageUrl"
|
||||
:class="['x-link', 'max-w-full', 'max-h-full']"
|
||||
:class="[' cursor-pointer', 'max-w-full', 'max-h-full']"
|
||||
@click="showFullscreenImageDialog(image.imageUrl)"
|
||||
loading="lazy" />
|
||||
</Card>
|
||||
|
||||
@@ -12,7 +12,7 @@
|
||||
</DialogHeader>
|
||||
|
||||
<div v-if="inviteDialog.visible">
|
||||
<Location :location="inviteDialog.worldId" :link="false" />
|
||||
<Location :location="inviteDialog.worldId" :link="false" class="cursor-default" />
|
||||
<br />
|
||||
<Button size="sm" class="mr-2" variant="outline" style="margin-top: 10px" @click="addSelfToInvite">{{
|
||||
t('dialog.invite.add_self')
|
||||
|
||||
@@ -29,7 +29,7 @@
|
||||
<span class="flex items-center gap-1">
|
||||
<span>{{ t('dialog.launch.short_url') }}</span>
|
||||
<TooltipWrapper side="top" :content="t('dialog.launch.short_url_notice')">
|
||||
<AlertTriangle />
|
||||
<Info class="text-muted-foreground" />
|
||||
</TooltipWrapper>
|
||||
</span>
|
||||
</FieldLabel>
|
||||
@@ -145,7 +145,7 @@
|
||||
} from '@/components/ui/dropdown-menu';
|
||||
import { Field, FieldContent, FieldGroup, FieldLabel } from '@/components/ui/field';
|
||||
import { computed, onBeforeUnmount, ref, watch } from 'vue';
|
||||
import { AlertTriangle, Copy, MoreHorizontal } from 'lucide-vue-next';
|
||||
import { Copy, Info, MoreHorizontal } from 'lucide-vue-next';
|
||||
import { Button } from '@/components/ui/button';
|
||||
import { ButtonGroup } from '@/components/ui/button-group';
|
||||
import { InputGroupField } from '@/components/ui/input-group';
|
||||
|
||||
@@ -76,7 +76,7 @@ export const createColumns = ({ onLookupUser }) => [
|
||||
const original = row.original;
|
||||
return (
|
||||
<span
|
||||
class="x-link"
|
||||
class=" cursor-pointer"
|
||||
onClick={(event) => {
|
||||
event.stopPropagation();
|
||||
onLookupUser?.(original);
|
||||
|
||||
@@ -66,10 +66,6 @@
|
||||
{{ t('dialog.user.actions.edit_pronouns') }}
|
||||
</DropdownMenuItem>
|
||||
<DropdownMenuSeparator />
|
||||
<DropdownMenuItem @click="onCommand('Logout')">
|
||||
<Power class="size-4" />
|
||||
{{ t('dialog.user.actions.logout') }}
|
||||
</DropdownMenuItem>
|
||||
</template>
|
||||
<template v-else>
|
||||
<template v-if="userDialog.isFriend">
|
||||
|
||||
@@ -178,7 +178,7 @@
|
||||
class="extra">
|
||||
<div style="display: inline-block; flex: none; margin-right: 5px">
|
||||
<Avatar
|
||||
class="x-link size-15! rounded-lg!"
|
||||
class="cursor-pointer size-15! rounded-lg!"
|
||||
:style="{
|
||||
background: userDialog.isRepresentedGroupLoading ? '#f5f7fa' : ''
|
||||
}"
|
||||
@@ -1442,7 +1442,6 @@
|
||||
const { getFriendRequest, handleFriendDelete } = useFriendStore();
|
||||
const { clearInviteImageUpload, showFullscreenImageDialog, showGalleryPage } = useGalleryStore();
|
||||
|
||||
const { logout } = useAuthStore();
|
||||
const { cachedConfig } = storeToRefs(useAuthStore());
|
||||
const { applyPlayerModeration, handlePlayerModerationDelete } = useModerationStore();
|
||||
const { shiftHeld } = storeToRefs(useUiStore());
|
||||
@@ -1802,8 +1801,6 @@
|
||||
showBioDialog();
|
||||
} else if (command === 'Pencil Pronouns') {
|
||||
showPronounsDialog();
|
||||
} else if (command === 'Logout') {
|
||||
logout();
|
||||
} else if (command === 'Request Invite') {
|
||||
notificationRequest
|
||||
.sendRequestInvite(
|
||||
|
||||
@@ -4,14 +4,14 @@
|
||||
v-if="
|
||||
!userDialog.loading && (userDialog.ref.profilePicOverrideThumbnail || userDialog.ref.profilePicOverride)
|
||||
"
|
||||
class="x-link"
|
||||
class="cursor-pointer"
|
||||
:src="userDialog.ref.profilePicOverrideThumbnail || userDialog.ref.profilePicOverride"
|
||||
style="flex: none; height: 120px; width: 213.33px; border-radius: 12px; object-fit: cover"
|
||||
@click="showFullscreenImageDialog(userDialog.ref.profilePicOverride)"
|
||||
loading="lazy" />
|
||||
<img
|
||||
v-else-if="!userDialog.loading"
|
||||
class="x-link"
|
||||
class="cursor-pointer"
|
||||
:src="userDialog.ref.currentAvatarThumbnailImageUrl"
|
||||
style="flex: none; height: 120px; width: 160px; border-radius: 12px; object-fit: cover"
|
||||
@click="showFullscreenImageDialog(userDialog.ref.currentAvatarImageUrl)"
|
||||
@@ -191,7 +191,7 @@
|
||||
<Popover>
|
||||
<PopoverTrigger asChild>
|
||||
<img
|
||||
class="x-link hover:grayscale-0"
|
||||
class="cursor-pointer hover:grayscale-0"
|
||||
:src="badge.badgeImageUrl"
|
||||
style="
|
||||
flex: none;
|
||||
@@ -208,7 +208,7 @@
|
||||
<PopoverContent side="bottom" class="w-75">
|
||||
<img
|
||||
:src="badge.badgeImageUrl"
|
||||
:class="['x-link', 'max-w-full', 'max-h-full']"
|
||||
:class="['cursor-pointer', 'max-w-full', 'max-h-full']"
|
||||
@click="showFullscreenImageDialog(badge.badgeImageUrl)"
|
||||
loading="lazy" />
|
||||
<br />
|
||||
@@ -253,7 +253,7 @@
|
||||
|
||||
<div v-if="userDialog.ref.userIcon" style="flex: none; margin-right: 10px">
|
||||
<img
|
||||
class="x-link"
|
||||
class="cursor-pointer"
|
||||
:src="userImage(userDialog.ref, true, '256', true)"
|
||||
style="flex: none; width: 120px; height: 120px; border-radius: 12px; object-fit: cover"
|
||||
@click="showFullscreenImageDialog(userDialog.ref.userIcon)"
|
||||
|
||||
@@ -14,7 +14,7 @@
|
||||
<div style="display: flex">
|
||||
<img
|
||||
:src="worldDialog.ref.thumbnailImageUrl"
|
||||
class="x-link"
|
||||
class="cursor-pointer"
|
||||
style="flex: none; width: 160px; height: 120px; border-radius: 12px"
|
||||
@click="showFullscreenImageDialog(worldDialog.ref.imageUrl)"
|
||||
loading="lazy" />
|
||||
@@ -36,7 +36,7 @@
|
||||
</div>
|
||||
<div style="margin-top: 5px">
|
||||
<span
|
||||
class="x-link x-grey"
|
||||
class="cursor-pointer x-grey"
|
||||
style="font-family: monospace"
|
||||
@click="showUserDialog(worldDialog.ref.authorId)"
|
||||
v-text="worldDialog.ref.authorName" />
|
||||
@@ -125,7 +125,7 @@
|
||||
<Badge
|
||||
v-if="worldDialog.inCache"
|
||||
variant="outline"
|
||||
class="x-link"
|
||||
class="cursor-pointer"
|
||||
style="margin-right: 5px; margin-top: 5px"
|
||||
@click="openFolderGeneric(worldDialog.cachePath)">
|
||||
<span v-text="worldDialog.cacheSize" />
|
||||
|
||||
Reference in New Issue
Block a user