fix styles

This commit is contained in:
pa
2026-01-18 17:06:16 +09:00
committed by Natsumi
parent c326e4fd3e
commit 1de16dc699
40 changed files with 370 additions and 601 deletions

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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')

View File

@@ -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';

View File

@@ -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);

View File

@@ -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">

View File

@@ -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(

View File

@@ -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)"

View File

@@ -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" />