Formatting fixes

This commit is contained in:
Natsumi
2026-01-19 09:47:11 +13:00
committed by pa
parent f3b3a3ae96
commit 29b83c5b89
15 changed files with 48 additions and 51 deletions
@@ -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>
+3 -2
View File
@@ -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>
+19 -21
View File
@@ -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 {