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

fix: favorites world search result style

Browse Source
This commit is contained in:
pa
2026-03-18 11:37:04 +09:00
parent 7dbefdb951
commit 621f53e00f
1 changed files with 10 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
src/views/Favorites/FavoritesWorld.vue
View File

@@ -258,36 +258,17 @@
<div ref="worldFavoritesContainerRef" class="flex-1 min-h-0"> <div ref="worldFavoritesContainerRef" class="flex-1 min-h-0">
<template v-if="isSearchActive"> <template v-if="isSearchActive">
<div class="h-full pr-2 overflow-auto"> <div class="h-full pr-2 overflow-auto">
<div <template v-if="worldFavoriteSearchResults.length">
v-if="worldFavoriteSearchResults.length"
class="favorites-search-grid"
:style="worldFavoritesGridStyle(worldFavoriteSearchResults.length)">
<div <div
v-for="favorite in worldFavoriteSearchResults" class="favorites-card-list"
:key="favorite.id" :style="worldFavoritesGridStyle(worldFavoriteSearchResults.length)">
class="favorites-search-card x-hover-card hover:shadow-sm" <FavoritesWorldItem
@click="showWorldDialog(favorite.id)"> v-for="favorite in worldFavoriteSearchResults"
<div class="favorites-search-card__content"> :key="favorite.id"
<div :favorite="favorite"
class="favorites-search-card__avatar" is-local-favorite />
:class="{ 'is-empty': !favorite.thumbnailImageUrl }">
<img
v-if="favorite.thumbnailImageUrl"
:src="favorite.thumbnailImageUrl"
loading="lazy" />
</div>
<div class="favorites-search-card__detail">
<span class="name">{{ favorite.name || favorite.id }}</span>
<span class="text-xs">
{{ favorite.authorName }}
<template v-if="favorite.occupants">
({{ favorite.occupants }})
</template>
</span>
</div>
</div>
</div> </div>
</div> </template>
<div v-else class="flex items-center justify-center text-[13px] h-full"> <div v-else class="flex items-center justify-center text-[13px] h-full">
<DataTableEmpty type="nomatch" /> <DataTableEmpty type="nomatch" />
</div> </div>
@@ -387,8 +368,7 @@
DropdownMenuSubTrigger, DropdownMenuSubTrigger,
DropdownMenuTrigger DropdownMenuTrigger
} from '../../components/ui/dropdown-menu'; } from '../../components/ui/dropdown-menu';
import { useAppearanceSettingsStore, useFavoriteStore, useModalStore, useWorldStore } from '../../stores'; import { useAppearanceSettingsStore, useFavoriteStore, useModalStore } from '../../stores';
import { showWorldDialog } from '../../coordinators/worldCoordinator';
import { ResizableHandle, ResizablePanel, ResizablePanelGroup } from '../../components/ui/resizable'; import { ResizableHandle, ResizablePanel, ResizablePanelGroup } from '../../components/ui/resizable';
import { favoriteRequest, worldRequest } from '../../api'; import { favoriteRequest, worldRequest } from '../../api';
import { debounce } from '../../shared/utils'; import { debounce } from '../../shared/utils';