Layout fixes

This commit is contained in:
Natsumi
2026-01-14 16:32:10 +13:00
parent fc5afe9e69
commit b51b0a61e8
7 changed files with 58 additions and 52 deletions

View File

@@ -19,28 +19,28 @@
size="icon-sm"
variant="outline"
:disabled="currentUser.currentAvatar === favorite.id"
class="favorites-search-card__action-btn rounded-full"
class="favorites-search-card__action-btn rounded-full text-xs h-6 w-6"
@click.stop="selectAvatarWithConfirmation(favorite.id)">
<Check
/></Button>
<i class="ri-check-line"></i
></Button>
</TooltipWrapper>
</div>
<div class="favorites-search-card__action">
<TooltipWrapper side="bottom" :content="t('view.favorite.favorite_tooltip')">
<TooltipWrapper side="bottom" :content="t('view.favorite.edit_favorite_tooltip')">
<Button
v-if="favoriteExists"
size="icon-sm"
variant="outline"
class="favorites-search-card__action-btn rounded-full"
class="favorites-search-card__action-btn rounded-full text-xs h-6 w-6"
@click.stop="showFavoriteDialog('avatar', favorite.id)">
<Star />
<i class="ri-star-line"></i>
</Button>
<Button
else
v-else
size="icon-sm"
class="favorites-search-card__action-btn rounded-full"
class="favorites-search-card__action-btn rounded-full text-xs h-6 w-6"
@click.stop="showFavoriteDialog('avatar', favorite.id)">
<Star />
<i class="ri-star-line"></i>
</Button>
</TooltipWrapper>
</div>

View File

@@ -83,7 +83,7 @@
variant="destructive"
class="favorites-search-card__action-btn rounded-full text-xs h-6 w-6"
@click.stop="handleDeleteFavorite"
><i class="ri-star-line"></i
><i class="ri-delete-bin-line"></i
></Button>
</TooltipWrapper>
<TooltipWrapper v-else side="top" :content="t('view.favorite.edit_favorite_tooltip')">
@@ -92,7 +92,7 @@
variant="outline"
class="favorites-search-card__action-btn rounded-full text-xs h-6 w-6"
@click.stop="showFavoriteDialog('world', favorite.id)"
><i class="ri-delete-bin-line"></i
><i class="ri-star-line"></i
></Button>
</TooltipWrapper>
</div>

View File

@@ -12,8 +12,8 @@
:on-page-size-change="handlePageSizeChange"
:on-row-click="handleRowClick">
<template #toolbar>
<div style="display: flex; align-items: center; justify-content: space-between">
<div style="flex: none; margin-right: 10px; display: flex; align-items: center">
<div class="flex items-center justify-between">
<div class="flex flex-none mr-2 items-center">
<TooltipWrapper side="bottom" :content="t('view.friend_list.favorites_only_tooltip')">
<Switch
v-model="friendsListSearchFilterVIP"
@@ -23,7 +23,7 @@
multiple
:model-value="Array.isArray(friendsListSearchFilters) ? friendsListSearchFilters : []"
@update:modelValue="handleFriendListFilterChange">
<SelectTrigger style="margin: 0 10px; width: 150px">
<SelectTrigger class="mx-2 w-[150px]">
<SelectValue :placeholder="t('view.friend_list.filter_placeholder')" />
</SelectTrigger>
<SelectContent>
@@ -49,24 +49,24 @@
v-model="friendsListSearch"
:placeholder="t('view.friend_list.search_placeholder')"
clearable
style="width: 250px"
class="w-[250px]"
@change="friendsListSearchChange" />
</div>
<div class="flex items-center">
<div v-if="friendsListBulkUnfriendMode" class="inline-block mr-10">
<div v-if="friendsListBulkUnfriendMode" class="inline-block mr-2">
<Button variant="outline" @click="showBulkUnfriendSelectionConfirm">
{{ t('view.friend_list.bulk_unfriend_selection') }}
</Button>
<!-- el-button(size="small" @click="showBulkUnfriendAllConfirm" style="margin-right:5px") Bulk Unfriend All-->
</div>
<div class="flex items-center mr-3">
<div class="flex items-center mr-2">
<span class="name mr-2 text-xs">{{ t('view.friend_list.bulk_unfriend') }}</span>
<Switch
v-model="friendsListBulkUnfriendMode"
@update:modelValue="toggleFriendsListBulkUnfriendMode" />
</div>
<div class="flex items-center">
<Button variant="outline" @click="openChartsTab">
<Button variant="outline" class="mr-2" @click="openChartsTab">
{{ t('view.friend_list.load_mutual_friends') }}
</Button>

View File

@@ -12,12 +12,12 @@
</div>
<div class="options-container-item">
<span>{{ t('view.settings.wrist_overlay.steamvr_wrist_overlay.description') }}</span>
<br />
<br />
</div>
<div class="options-container-item">
<span>{{ t('view.settings.wrist_overlay.steamvr_wrist_overlay.grip') }}</span>
<br />
</div>
<div class="options-container-item">
<span>{{ t('view.settings.wrist_overlay.steamvr_wrist_overlay.menu') }}</span>
<br />
</div>
<simple-switch
:label="t('view.settings.wrist_overlay.steamvr_wrist_overlay.steamvr_overlay')"

View File

@@ -45,7 +45,7 @@ export const createColumns = ({ onRestore, onSaveToFile, onDelete }) => [
id: 'action',
header: () => t('dialog.registry_backup.action'),
enableSorting: false,
size: 90,
size: 120,
meta: {
tdClass: 'text-right'
},