Button alignments

This commit is contained in:
Natsumi
2026-01-12 09:25:21 +13:00
parent 1dc80617fa
commit 2a31a1f988
13 changed files with 91 additions and 83 deletions

View File

@@ -71,28 +71,30 @@
v-loading="isSearchWorldLoading"
:label="t('view.search.world.header')"
style="min-height: 60px">
<Select
:model-value="searchWorldCategoryIndex"
@update:modelValue="handleSearchWorldCategorySelect"
style="margin-bottom: 15px">
<SelectTrigger size="sm">
<SelectValue :placeholder="t('view.search.world.category')" />
</SelectTrigger>
<SelectContent>
<SelectGroup>
<SelectItem
v-for="row in cachedConfig.dynamicWorldRows"
:key="row.index"
:value="row.index">
{{ row.name }}
</SelectItem>
</SelectGroup>
</SelectContent>
</Select>
<label class="inline-flex items-center gap-2" style="margin-left: 10px">
<Checkbox v-model="searchWorldLabs" />
<span>{{ t('view.search.world.community_lab') }}</span>
</label>
<div class="inline-flex justify-between mb-4 w-full">
<Select
:model-value="searchWorldCategoryIndex"
@update:modelValue="handleSearchWorldCategorySelect"
style="margin-bottom: 15px">
<SelectTrigger size="sm">
<SelectValue :placeholder="t('view.search.world.category')" />
</SelectTrigger>
<SelectContent>
<SelectGroup>
<SelectItem
v-for="row in cachedConfig.dynamicWorldRows"
:key="row.index"
:value="row.index">
{{ row.name }}
</SelectItem>
</SelectGroup>
</SelectContent>
</Select>
<label class="inline-flex items-center gap-2" style="margin-left: 10px">
<Checkbox v-model="searchWorldLabs" />
<span>{{ t('view.search.world.community_lab') }}</span>
</label>
</div>
<div class="x-friend-list" style="min-height: 500px">
<div
v-for="world in searchWorldResults"
@@ -161,6 +163,7 @@
:loading="userDialog.isAvatarsLoading"
size="small"
:icon="Refresh"
class="ml-1"
circle
@click="refreshUserDialogAvatars"></el-button>
</TooltipWrapper>

View File

@@ -80,7 +80,7 @@
<span class="name">{{ t('view.settings.appearance.appearance.sort_favorite_by') }}</span>
<RadioGroup
:model-value="sortFavorites ? 'true' : 'false'"
class="gap-2"
class="gap-2 flex"
style="margin-top: 8px"
@update:modelValue="handleSortFavoritesRadio">
<div class="flex items-center space-x-2">
@@ -101,7 +101,7 @@
<span class="name">{{ t('view.settings.appearance.appearance.sort_instance_users_by') }}</span>
<RadioGroup
:model-value="instanceUsersSortAlphabetical ? 'true' : 'false'"
class="gap-2"
class="gap-2 flex"
style="margin-top: 8px"
@update:modelValue="handleInstanceUsersSortAlphabeticalRadio">
<div class="flex items-center space-x-2">
@@ -182,7 +182,7 @@
<span class="name">{{ t('view.settings.appearance.timedate.time_format') }}</span>
<RadioGroup
:model-value="dtHour12 ? 'true' : 'false'"
class="gap-2"
class="gap-2 flex"
style="margin-top: 8px"
@update:modelValue="handleDtHour12Radio">
<div class="flex items-center space-x-2">
@@ -237,7 +237,7 @@
}}</SelectItem>
</SelectContent>
</Select>
<el-icon style="padding: 5px"><ArrowRight /></el-icon>
<el-icon style="margin: 5px"><ArrowRight /></el-icon>
<Select
:model-value="sidebarSortMethod2"
:disabled="!sidebarSortMethod1"
@@ -270,7 +270,7 @@
}}</SelectItem>
</SelectContent>
</Select>
<el-icon style="padding: 5px"><ArrowRight /></el-icon>
<el-icon style="margin: 5px"><ArrowRight /></el-icon>
<Select
:model-value="sidebarSortMethod3"
:disabled="!sidebarSortMethod2"

View File

@@ -220,7 +220,7 @@
<RadioGroup
:model-value="autoStateChangeNoFriends ? 'true' : 'false'"
:disabled="!autoStateChangeEnabled"
class="gap-2"
class="gap-2 flex"
style="margin-top: 8px"
@update:modelValue="handleAutoStateChangeNoFriendsRadio">
<div class="flex items-center space-x-2">
@@ -280,7 +280,7 @@
</div>
<div class="options-container" style="margin-top: 45px; border-top: 1px solid #eee; padding-top: 30px">
<span class="header">{{ t('view.settings.general.legal_notice.header') }}</span>
<div class="options-container-item">
<div class="options-container-item" style="display: block">
<p>
&copy; 2019-2025
<a class="x-link" @click="openExternalLink('https://github.com/pypy-vrc')">pypy</a> &amp;

View File

@@ -1,6 +1,6 @@
<template>
<!--//- Pictures | Screenshot Helper-->
<div class="options-container">
<div class="options-container" style="margin-top: 0">
<span class="header">{{ t('view.settings.advanced.advanced.screenshot_helper.header') }}</span>
<div class="options-container-item">
<span class="name">{{ t('view.settings.advanced.advanced.screenshot_helper.description') }}</span>

View File

@@ -46,7 +46,7 @@
<RadioGroup
:model-value="openVRAlways ? 'true' : 'false'"
:disabled="!openVR"
class="gap-2"
class="gap-2 flex"
style="margin-top: 8px"
@update:modelValue="handleOpenVRAlwaysRadio">
<div class="flex items-center space-x-2">
@@ -64,7 +64,7 @@
<RadioGroup
:model-value="overlaybutton ? 'true' : 'false'"
:disabled="!openVR || !overlayWrist"
class="gap-2"
class="gap-2 flex"
style="margin-top: 8px"
@update:modelValue="handleOverlayButtonRadio">
<div class="flex items-center space-x-2">