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

use tailwind class

Browse Source
This commit is contained in:
pa
2026-03-08 22:46:26 +09:00
parent be2f07f24e
commit 9b564303a4
85 changed files with 1167 additions and 642 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -12,7 +12,7 @@
style="flex: none; width: 160px; height: 120px; border-radius: var(--radius-md)"
@click="showFullscreenImageDialog(currentInstanceWorld.ref.imageUrl)"
loading="lazy" />
<div style="margin-left: 10px; display: flex; flex-direction: column; min-width: 320px; width: 100%">
<div class="ml-2" style="display: flex; flex-direction: column; min-width: 320px; width: 100%">
<div class="flex items-center">
<span
class="cursor-pointer"
@@ -41,27 +41,24 @@
@click="showUserDialog(currentInstanceWorld.ref.authorId)"
v-text="currentInstanceWorld.ref.authorName"></span>
</div>
<div style="margin-top: 5px">
<Badge v-if="currentInstanceWorld.ref.$isLabs" variant="outline" style="margin-right: 5px">
<div class="mt-1.5">
<Badge class="mr-1.5" v-if="currentInstanceWorld.ref.$isLabs" variant="outline">
{{ t('dialog.world.tags.labs') }}
</Badge>
<Badge
class="mr-1.5"
v-else-if="currentInstanceWorld.ref.releaseStatus === 'public'"
variant="outline"
style="margin-right: 5px">
variant="outline">
{{ t('dialog.world.tags.public') }}
</Badge>
<Badge
class="mr-1.5"
v-else-if="currentInstanceWorld.ref.releaseStatus === 'private'"
variant="outline"
style="margin-right: 5px">
variant="outline">
{{ t('dialog.world.tags.private') }}
</Badge>
<TooltipWrapper v-if="currentInstanceWorld.isPC" side="top" content="PC">
<Badge
class="text-platform-pc border-platform-pc!"
variant="outline"
style="margin-right: 5px"
<Badge class="text-platform-pc border-platform-pc! mr-1.5" variant="outline"
><Monitor class="h-4 w-4" />
<span
v-if="currentInstanceWorld.fileAnalysis.standalonewindows?._fileSize"
@@ -71,10 +68,7 @@
</Badge>
</TooltipWrapper>
<TooltipWrapper v-if="currentInstanceWorld.isQuest" side="top" content="Android">
<Badge
class="text-platform-quest border-platform-quest!"
variant="outline"
style="margin-right: 5px"
<Badge class="text-platform-quest border-platform-quest! mr-1.5" variant="outline"
><Smartphone class="h-4 w-4" />
<span
v-if="currentInstanceWorld.fileAnalysis.android?._fileSize"
@@ -84,10 +78,7 @@
</Badge>
</TooltipWrapper>
<TooltipWrapper v-if="currentInstanceWorld.isIos" side="top" content="iOS">
<Badge
class="text-platform-ios border-platform-ios"
variant="outline"
style="margin-right: 5px"
<Badge class="text-platform-ios border-platform-ios mr-1.5" variant="outline"
><Apple class="h-4 w-4 text-platform-ios" />
<span
v-if="currentInstanceWorld.fileAnalysis.ios?._fileSize"
@@ -97,18 +88,18 @@
</Badge>
</TooltipWrapper>
<Badge
class="mr-1.5 mt-1.5"
v-if="currentInstanceWorld.avatarScalingDisabled"
variant="outline"
style="margin-right: 5px; margin-top: 5px">
variant="outline">
{{ t('dialog.world.tags.avatar_scaling_disabled') }}
</Badge>
<Badge v-if="currentInstanceWorld.inCache" variant="outline" style="margin-right: 5px">
<Badge class="mr-1.5" v-if="currentInstanceWorld.inCache" variant="outline">
<span>{{ currentInstanceWorld.cacheSize }} {{ t('dialog.world.tags.cache') }}</span>
</Badge>
</div>
<div style="margin-top: 5px">
<div class="mt-1.5">
<LocationWorld :locationobject="currentInstanceLocation" :currentuserid="currentUser.id" />
<span v-if="lastLocation.playerList.size > 0" style="margin-left: 5px">
<span class="ml-1.5" v-if="lastLocation.playerList.size > 0">
{{ lastLocation.playerList.size }}
<template v-if="lastLocation.friendList.size > 0"
>({{ lastLocation.friendList.size }})</template
@@ -116,14 +107,14 @@
&nbsp;&horbar; <Timer v-if="lastLocation.date" :epoch="lastLocation.date" />
</span>
</div>
<div style="margin-top: 5px">
<div class="mt-1.5">
<span
v-show="currentInstanceWorld.ref.name !== currentInstanceWorld.ref.description"
class="inline-block max-w-full align-middle text-xs break-words"
v-text="currentInstanceWorld.ref.description"></span>
</div>
</div>
<div style="display: flex; flex-direction: column; margin-left: 20px">
<div class="ml-5" style="display: flex; flex-direction: column">
<div class="box-border flex items-center p-1.5 text-[13px] cursor-default">
<div class="flex-1 overflow-hidden">
<span class="block truncate font-medium leading-[18px]">{{
@@ -162,7 +153,7 @@
</div>
</div>
<div v-if="photonLoggingEnabled" ref="playerListPhotonRef" style="margin-bottom: 10px">
<div class="mb-2" v-if="photonLoggingEnabled" ref="playerListPhotonRef">
<PhotonEventTable @show-chatbox-blacklist="showChatboxBlacklistDialog" />
</div>

8
src/views/PlayerList/components/PhotonEventTable.vue
View File

@@ -1,6 +1,6 @@
<template>
<div class="mt-5">
<div style="display: flex; align-items: center; gap: 10px; margin-bottom: 10px; flex-wrap: wrap">
<div class="gap-2 mb-2" style="display: flex; align-items: center; flex-wrap: wrap">
<Select
:model-value="photonEventTableTypeFilter"
multiple
@@ -39,14 +39,14 @@
<TabsUnderline default-value="current" :items="photonTabs" :unmount-on-hide="false">
<template #current>
<DataTableLayout
class="min-w-0 w-full"
class="min-w-0 w-full mb-2"
:table="currentTable"
:loading="false"
:table-style="tableStyle"
:page-sizes="pageSizes"
:total-items="currentTotal"
:on-page-size-change="handleCurrentPageSizeChange"
style="margin-bottom: 10px" />
/>
</template>
<template #previous>
<DataTableLayout
@@ -57,7 +57,7 @@
:page-sizes="pageSizes"
:total-items="previousTotal"
:on-page-size-change="handlePreviousPageSizeChange"
style="margin-bottom: 10px" />
style="margin-bottom: 8px" />
</template>
</TabsUnderline>
</div>

12
src/views/PlayerList/dialogs/ChatboxBlacklistDialog.vue
View File

@@ -7,11 +7,11 @@
<div v-if="chatboxBlacklistDialog.visible">
<h2>{{ t('dialog.chatbox_blacklist.keyword_blacklist') }}</h2>
<InputGroupAction
class="mt-1.5"
v-for="(item, index) in chatboxBlacklist"
:key="index"
v-model="chatboxBlacklist[index]"
size="sm"
style="margin-top: 5px"
@change="saveChatboxBlacklist">
<template #actions>
<Button
@@ -23,7 +23,7 @@
</Button>
</template>
</InputGroupAction>
<Button size="sm" variant="outline" style="margin-top: 5px" @click="chatboxBlacklist.push('')">
<Button size="sm" variant="outline" style="margin-top: 6px" @click="chatboxBlacklist.push('')">
{{ t('dialog.chatbox_blacklist.add_item') }}
</Button>
<br />
@@ -32,12 +32,12 @@
v-for="user in chatboxUserBlacklist"
:key="user[0]"
variant="outline"
style="margin-right: 5px; margin-top: 5px">
style="margin-right: 6px; margin-top: 6px">
<span>{{ user[1] }}</span>
<button
type="button"
style="
margin-left: 6px;
margin-left: 8px;
border: none;
background: transparent;
padding: 0;
@@ -81,6 +81,10 @@
const emit = defineEmits(['deleteChatboxUserBlacklist']);
/**
*
* @param userId
*/
function deleteChatboxUserBlacklist(userId) {
emit('deleteChatboxUserBlacklist', userId);
}