mirror of
https://github.com/MrUnknownDE/VRCX.git
synced 2026-05-04 22:06:06 +02:00
Formatting fixes
This commit is contained in:
@@ -23,7 +23,7 @@
|
||||
</TooltipWrapper>
|
||||
</span>
|
||||
</div>
|
||||
<span class="text-xs text-gray-600">{{ localFavFakeRef.authorName }}</span>
|
||||
<span class="text-xs text-muted-foreground">{{ localFavFakeRef.authorName }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="favorites-search-card__actions">
|
||||
|
||||
@@ -15,7 +15,7 @@
|
||||
:traveling="favorite.ref.travelingToLocation"
|
||||
:link="false" />
|
||||
</div>
|
||||
<span v-else class="text-xs text-gray-600">{{ favorite.ref.statusDescription }}</span>
|
||||
<span v-else class="text-xs text-muted-foreground">{{ favorite.ref.statusDescription }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="favorites-search-card__actions">
|
||||
|
||||
@@ -29,7 +29,7 @@
|
||||
class="h-4 w-4" />
|
||||
</span>
|
||||
</div>
|
||||
<span class="text-xs text-gray-600">
|
||||
<span class="text-xs text-muted-foreground">
|
||||
{{ props.favorite.ref.authorName }}
|
||||
<template v-if="props.favorite.ref.occupants"> ({{ props.favorite.ref.occupants }}) </template>
|
||||
</span>
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
<div class="name" :style="{ width: longLabel ? '300px' : undefined }">
|
||||
{{ label }}
|
||||
<TooltipWrapper v-if="tooltip" side="top" :content="tooltip">
|
||||
<Info size="small" class="tooltip" />
|
||||
<Info class="tooltip" />
|
||||
</TooltipWrapper>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -362,53 +362,53 @@
|
||||
@change="updateTrustColor('', '', true)"></simple-switch>
|
||||
<div>
|
||||
<div>
|
||||
<span class="text-[18px] align-top x-tag-untrusted">Visitor</span>
|
||||
<PresetColorPicker
|
||||
:model-value="trustColor.untrusted"
|
||||
:presets="['#CCCCCC']"
|
||||
@change="updateTrustColor('untrusted', $event)" />
|
||||
<span class="text-[18px] align-top x-tag-untrusted">Visitor</span>
|
||||
</div>
|
||||
<div>
|
||||
<span class="text-[18px] align-top x-tag-basic">New User</span>
|
||||
<PresetColorPicker
|
||||
:model-value="trustColor.basic"
|
||||
:presets="['#1778ff']"
|
||||
@change="updateTrustColor('basic', $event)" />
|
||||
<span class="text-[18px] align-top x-tag-basic">New User</span>
|
||||
</div>
|
||||
<div>
|
||||
<span class="text-[18px] align-top x-tag-known">User</span>
|
||||
<PresetColorPicker
|
||||
:model-value="trustColor.known"
|
||||
:presets="['#2bcf5c']"
|
||||
@change="updateTrustColor('known', $event)" />
|
||||
<span class="text-[18px] align-top x-tag-known">User</span>
|
||||
</div>
|
||||
<div>
|
||||
<span class="text-[18px] align-top x-tag-trusted">Known User</span>
|
||||
<PresetColorPicker
|
||||
:model-value="trustColor.trusted"
|
||||
:presets="['#ff7b42']"
|
||||
@change="updateTrustColor('trusted', $event)" />
|
||||
<span class="text-[18px] align-top x-tag-trusted">Known User</span>
|
||||
</div>
|
||||
<div>
|
||||
<span class="text-[18px] align-top x-tag-veteran">Trusted User</span>
|
||||
<PresetColorPicker
|
||||
:model-value="trustColor.veteran"
|
||||
:presets="['#b18fff', '#8143e6', '#ff69b4', '#b52626', '#ffd000', '#abcdef']"
|
||||
@change="updateTrustColor('veteran', $event)" />
|
||||
<span class="text-[18px] align-top x-tag-veteran">Trusted User</span>
|
||||
</div>
|
||||
<div>
|
||||
<span class="text-[18px] align-top x-tag-vip">VRChat Team</span>
|
||||
<PresetColorPicker
|
||||
:model-value="trustColor.vip"
|
||||
:presets="['#ff2626']"
|
||||
@change="updateTrustColor('vip', $event)" />
|
||||
<span class="text-[18px] align-top x-tag-vip">VRChat Team</span>
|
||||
</div>
|
||||
<div>
|
||||
<span class="text-[18px] align-top x-tag-troll">Nuisance</span>
|
||||
<PresetColorPicker
|
||||
:model-value="trustColor.troll"
|
||||
:presets="['#782f2f']"
|
||||
@change="updateTrustColor('troll', $event)" />
|
||||
<span class="text-[18px] align-top x-tag-troll">Nuisance</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -244,7 +244,7 @@
|
||||
side="top"
|
||||
style="margin-left: 5px"
|
||||
:content="t('view.settings.general.automation.auto_invite_request_accept_tooltip')">
|
||||
<Info />
|
||||
<Info class="inline-block" />
|
||||
</TooltipWrapper>
|
||||
</span>
|
||||
<br />
|
||||
|
||||
@@ -67,7 +67,7 @@
|
||||
<TooltipWrapper
|
||||
side="top"
|
||||
:content="t('view.settings.advanced.advanced.save_instance_prints_to_file.header_tooltip')">
|
||||
<Info />
|
||||
<Info class="inline-block" />
|
||||
</TooltipWrapper>
|
||||
<simple-switch
|
||||
:label="t('view.settings.advanced.advanced.save_instance_prints_to_file.description')"
|
||||
@@ -93,7 +93,7 @@
|
||||
<TooltipWrapper
|
||||
side="top"
|
||||
:content="t('view.settings.advanced.advanced.save_instance_prints_to_file.header_tooltip')">
|
||||
<Info />
|
||||
<Info class="inline-block" />
|
||||
</TooltipWrapper>
|
||||
<simple-switch
|
||||
:label="t('view.settings.advanced.advanced.save_instance_emoji_to_file.description')"
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<Dialog :open="!!feedFiltersDialogMode" @update:open="(open) => !open && handleDialogClose()">
|
||||
<DialogContent>
|
||||
<DialogContent class="sm:max-w-140">
|
||||
<DialogHeader>
|
||||
<DialogTitle>{{ dialogTitle }}</DialogTitle>
|
||||
</DialogHeader>
|
||||
@@ -13,8 +13,8 @@
|
||||
side="top"
|
||||
style="margin-left: 5px"
|
||||
:content="setting.tooltip">
|
||||
<AlertTriangle v-if="setting.tooltipWarning" />
|
||||
<Info v-else />
|
||||
<AlertTriangle class="inline-block" v-if="setting.tooltipWarning" />
|
||||
<Info class="inline-block" v-else />
|
||||
</TooltipWrapper>
|
||||
</span>
|
||||
|
||||
|
||||
@@ -23,7 +23,7 @@
|
||||
</div>
|
||||
<template v-else-if="isGroupByInstance">
|
||||
<div class="flex items-center">
|
||||
<Loader2 v-if="isFriendTraveling" class="is-loading" style="margin-right: 3px" />
|
||||
<Spinner v-if="isFriendTraveling" class="mr-1" />
|
||||
<Timer
|
||||
class="text-xs"
|
||||
:epoch="epoch"
|
||||
@@ -65,8 +65,9 @@
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { Loader2, Trash2 } from 'lucide-vue-next';
|
||||
import { Button } from '@/components/ui/button';
|
||||
import { Spinner } from '@/components/ui/spinner';
|
||||
import { Trash2 } from 'lucide-vue-next';
|
||||
import { computed } from 'vue';
|
||||
import { storeToRefs } from 'pinia';
|
||||
import { useI18n } from 'vue-i18n';
|
||||
|
||||
@@ -5,7 +5,7 @@
|
||||
<div @click="toggleGroupSidebarCollapse(getGroupId(group))" style="display: flex; align-items: center">
|
||||
<ChevronDown
|
||||
class="rotation-transition"
|
||||
:class="{ 'is-rotated': !groupInstancesCfg[getGroupId(group)]?.isCollapsed }" />
|
||||
:class="{ 'is-rotated': groupInstancesCfg[getGroupId(group)]?.isCollapsed }" />
|
||||
<span style="margin-left: 5px">{{ group[0].group.name }} – {{ group.length }}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -62,9 +62,9 @@
|
||||
<div v-if="filteredGroupEvents.length" class="groups-container">
|
||||
<div v-for="group in filteredGroupEvents" :key="group.groupId" class="group-row">
|
||||
<div class="group-header" @click="toggleGroup(group.groupId)">
|
||||
<ArrowRight
|
||||
<ChevronDown
|
||||
class="rotation-transition"
|
||||
:class="{ rotate: !groupCollapsed[group.groupId] }" />
|
||||
:class="{ 'is-rotated': groupCollapsed[group.groupId] }" />
|
||||
{{ group.groupName }}
|
||||
</div>
|
||||
<div class="events-row" v-show="!groupCollapsed[group.groupId]">
|
||||
@@ -97,8 +97,8 @@
|
||||
<script setup>
|
||||
import { Dialog, DialogContent, DialogHeader, DialogTitle } from '@/components/ui/dialog';
|
||||
import { computed, onMounted, ref, watch } from 'vue';
|
||||
import { ArrowRight } from 'lucide-vue-next';
|
||||
import { Button } from '@/components/ui/button';
|
||||
import { ChevronDown } from 'lucide-vue-next';
|
||||
import { InputGroupSearch } from '@/components/ui/input-group';
|
||||
import { useI18n } from 'vue-i18n';
|
||||
|
||||
@@ -332,11 +332,9 @@
|
||||
// Use a stable key for calendar maps (independent of locale/appearance date formatting).
|
||||
const formatDateKey = (date) => dayjs(date).format('YYYY-MM-DD');
|
||||
|
||||
function getGroupNameFromCache(groupId) {
|
||||
async function getGroupNameFromCache(groupId) {
|
||||
if (!groupNamesCache.has(groupId)) {
|
||||
getGroupName(groupId).then((name) => {
|
||||
groupNamesCache.set(groupId, name);
|
||||
});
|
||||
groupNamesCache.set(groupId, await getGroupName(groupId));
|
||||
}
|
||||
}
|
||||
|
||||
@@ -351,13 +349,13 @@
|
||||
offset: 0,
|
||||
date: dayjs(selectedDay.value).format('YYYY-MM-DDTHH:mm:ss[Z]') // this need to be local time because UTC time may cause month shift
|
||||
},
|
||||
handle(args) {
|
||||
args.results.forEach((event) => {
|
||||
async handle(args) {
|
||||
for (const event of args.results) {
|
||||
event.title = replaceBioSymbols(event.title);
|
||||
event.description = replaceBioSymbols(event.description);
|
||||
applyGroupEvent(event);
|
||||
getGroupNameFromCache(event.ownerId);
|
||||
});
|
||||
await getGroupNameFromCache(event.ownerId);
|
||||
}
|
||||
calendar.value.push(...args.results);
|
||||
}
|
||||
});
|
||||
@@ -377,11 +375,11 @@
|
||||
offset: 0,
|
||||
date: dayjs(selectedDay.value).format('YYYY-MM-DDTHH:mm:ss[Z]')
|
||||
},
|
||||
handle(args) {
|
||||
args.results.forEach((event) => {
|
||||
async handle(args) {
|
||||
for (const event of args.results) {
|
||||
applyGroupEvent(event);
|
||||
getGroupNameFromCache(event.ownerId);
|
||||
});
|
||||
await getGroupNameFromCache(event.ownerId);
|
||||
}
|
||||
followingCalendar.value.push(...args.results);
|
||||
}
|
||||
});
|
||||
@@ -401,11 +399,11 @@
|
||||
offset: 0,
|
||||
date: dayjs(selectedDay.value).format('YYYY-MM-DDTHH:mm:ss[Z]')
|
||||
},
|
||||
handle(args) {
|
||||
args.results.forEach((event) => {
|
||||
async handle(args) {
|
||||
for (const event of args.results) {
|
||||
applyGroupEvent(event);
|
||||
getGroupNameFromCache(event.ownerId);
|
||||
});
|
||||
await getGroupNameFromCache(event.ownerId);
|
||||
}
|
||||
featuredCalendar.value.push(...args.results);
|
||||
}
|
||||
});
|
||||
@@ -622,8 +620,8 @@
|
||||
}
|
||||
}
|
||||
|
||||
.rotate {
|
||||
transform: rotate(90deg);
|
||||
.is-rotated {
|
||||
transform: rotate(-90deg);
|
||||
}
|
||||
|
||||
.rotation-transition {
|
||||
|
||||
Reference in New Issue
Block a user