MrUnknownDE/VRCX
1
0
Fork 0
mirror of https://github.com/MrUnknownDE/VRCX.git synced 2026-04-24 01:03:50 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix styles

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

7
src/views/PlayerList/PlayerList.vue
View File

@@ -8,14 +8,14 @@
class="mb-7">
<img
:src="currentInstanceWorld.ref.thumbnailImageUrl"
class="x-link"
class="cursor-pointer"
style="flex: none; width: 160px; height: 120px; border-radius: 4px"
@click="showFullscreenImageDialog(currentInstanceWorld.ref.imageUrl)"
loading="lazy" />
<div style="margin-left: 10px; display: flex; flex-direction: column; min-width: 320px; width: 100%">
<div>
<span
class="x-link"
class="cursor-pointer"
style="
font-weight: bold;
overflow: hidden;
@@ -36,7 +36,7 @@
</div>
<div>
<span
class="x-link x-grey"
class="cursor-pointer x-grey"
style="font-family: monospace"
@click="showUserDialog(currentInstanceWorld.ref.authorId)"
v-text="currentInstanceWorld.ref.authorName"></span>
@@ -268,6 +268,7 @@
persistKey: 'playerList',
data: currentInstanceUsersData,
columns: playerListColumns,
enablePagination: false,
getRowId: (row) => `${row?.ref?.id ?? ''}:${row?.displayName ?? ''}`
});

25
src/views/PlayerList/components/photonEventColumns.jsx
View File

@@ -35,7 +35,7 @@ function DetailCell({ row, isPrevious, onShowAvatar, onShowGroup, onShowWorld, o
return (
<>
<span
class="x-link"
class="cursor-pointer"
onClick={(e) => {
e.stopPropagation();
onShowAvatar?.(r.avatar?.id);
@@ -116,7 +116,7 @@ function DetailCell({ row, isPrevious, onShowAvatar, onShowGroup, onShowWorld, o
return (
<>
<span
class="x-link"
class="cursor-pointer"
style="margin-right: 5px"
onClick={(e) => {
e.stopPropagation();
@@ -129,7 +129,7 @@ function DetailCell({ row, isPrevious, onShowAvatar, onShowGroup, onShowWorld, o
<ArrowRight />
</span>
<span
class="x-link"
class="cursor-pointer"
style="margin-left: 5px"
onClick={(e) => {
e.stopPropagation();
@@ -145,7 +145,7 @@ function DetailCell({ row, isPrevious, onShowAvatar, onShowGroup, onShowWorld, o
if (r.type === 'PortalSpawn') {
return (
<span
class="x-link"
class="cursor-pointer"
onClick={(e) => {
e.stopPropagation();
onShowWorld?.(r.location, r.shortName);
@@ -176,7 +176,7 @@ function DetailCell({ row, isPrevious, onShowAvatar, onShowGroup, onShowWorld, o
<span>Android&nbsp;</span>
) : null}
<span
class="x-link"
class="cursor-pointer"
onClick={(e) => {
e.stopPropagation();
onShowAvatar?.(r.avatar?.id);
@@ -233,7 +233,14 @@ function DetailCell({ row, isPrevious, onShowAvatar, onShowGroup, onShowWorld, o
return <span>{r.text}</span>;
}
export const createColumns = ({ isPrevious, onShowUser, onShowAvatar, onShowGroup, onShowWorld, onShowImage }) => [
export const createColumns = ({
isPrevious,
onShowUser,
onShowAvatar,
onShowGroup,
onShowWorld,
onShowImage
}) => [
{
id: 'created_at',
accessorFn: (row) => (row?.created_at ? Date.parse(row.created_at) : 0),
@@ -250,7 +257,9 @@ export const createColumns = ({ isPrevious, onShowUser, onShowAvatar, onShowGrou
)
}}
>
<span>{formatDateFilter(row.original?.created_at, 'short')}</span>
<span>
{formatDateFilter(row.original?.created_at, 'short')}
</span>
</TooltipWrapper>
)
},
@@ -261,7 +270,7 @@ export const createColumns = ({ isPrevious, onShowUser, onShowAvatar, onShowGrou
enableSorting: false,
cell: ({ row }) => (
<span
class="x-link"
class="cursor-pointer"
style="padding-right: 10px"
onClick={(e) => {
e.stopPropagation();