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

@@ -16,12 +16,13 @@
><br /><br />
</template>
<span
><span style="color: var(--el-color-primary)">PC: </span
><span class="x-tag-platform-pc">PC: </span
>{{ props.instance.platforms.standalonewindows }}</span
><br />
<span
><span style="color: var(--el-color-success)">Android: </span
>{{ props.instance.platforms.android }}</span
><span class="x-tag-platform-quest">Android: </span>{{ props.instance.platforms.android }}</span
><br />
<span><span>iOS: </span>{{ props.instance.platforms.ios }}</span
><br />
<span>{{ t('dialog.user.info.instance_game_version') }} {{ props.instance.gameServerVersion }}</span
><br />

View File

@@ -210,10 +210,14 @@
}
}
function translateAccessType(accessTypeName) {
const key = accessTypeLocaleKeyMap[accessTypeName];
function translateAccessType(accessTypeNameRaw) {
const key = accessTypeLocaleKeyMap[accessTypeNameRaw];
if (!key) {
return accessTypeName;
return accessTypeNameRaw;
}
if (accessTypeNameRaw === 'groupPublic' || accessTypeNameRaw === 'groupPlus') {
const groupKey = accessTypeLocaleKeyMap['group'];
return t(groupKey) + ' ' + t(key);
}
return t(key);
}

View File

@@ -103,6 +103,10 @@
if (!key) {
return accessTypeNameRaw;
}
if (accessTypeNameRaw === 'groupPublic' || accessTypeNameRaw === 'groupPlus') {
const groupKey = accessTypeLocaleKeyMap['group'];
return t(groupKey) + ' ' + t(key);
}
return t(key);
}

View File

@@ -560,7 +560,6 @@
openExternalLink,
openFolderGeneric,
replaceVrcPackageUrl,
textToHex,
timeToText
} from '../../../shared/utils';
import {

View File

@@ -358,7 +358,7 @@
<InviteYourself :location="room.tag" style="margin-left: 5px" />
<TooltipWrapper side="top" content="Refresh player count">
<Button
class="rounded-full w-6 h-6 text-xs text-muted-foreground hover:text-foreground"
class="rounded-full ml-1 w-6 h-6 text-xs text-muted-foreground hover:text-foreground"
size="icon"
variant="outline"
@click="refreshInstancePlayerCount(room.tag)"
@@ -614,38 +614,38 @@
<div v-else class="extra">-</div>
</div>
</div>
<div class="x-friend-item" style="width: 350px; cursor: default">
<div class="detail">
<span class="name">{{ t('dialog.group.info.url') }}</span>
<span class="extra"
>{{ groupDialog.ref.$url }}
<TooltipWrapper side="top" :content="t('dialog.group.info.url_tooltip')">
<Button
class="rounded-full text-xs"
size="icon-sm"
variant="outline"
style="margin-left: 5px"
@click="copyToClipboard(groupDialog.ref.$url)"
><i class="ri-file-copy-line"></i
></Button> </TooltipWrapper
></span>
<div class="inline-flex justify-between w-full">
<div class="x-friend-item" style="cursor: default; width: 50%">
<div class="detail">
<span class="name">{{ t('dialog.group.info.url') }}</span>
<span class="extra"
>{{ groupDialog.ref.$url }}
<TooltipWrapper side="top" :content="t('dialog.group.info.url_tooltip')">
<Button
class="rounded-full ml-1 text-xs"
size="icon-sm"
variant="outline"
@click="copyToClipboard(groupDialog.ref.$url)"
><i class="ri-file-copy-line"></i
></Button> </TooltipWrapper
></span>
</div>
</div>
</div>
<div class="x-friend-item" style="width: 350px; cursor: default">
<div class="detail">
<span class="name">{{ t('dialog.group.info.id') }}</span>
<span class="extra"
>{{ groupDialog.id }}
<TooltipWrapper side="top" :content="t('dialog.group.info.id_tooltip')">
<Button
class="rounded-full text-xs"
size="icon-sm"
variant="outline"
style="margin-left: 5px"
@click="copyToClipboard(groupDialog.id)"
><i class="ri-file-copy-line"></i
></Button> </TooltipWrapper
></span>
<div class="x-friend-item w-1/2" style="cursor: default; width: 50%">
<div class="detail">
<span class="name">{{ t('dialog.group.info.id') }}</span>
<span class="extra"
>{{ groupDialog.id }}
<TooltipWrapper side="top" :content="t('dialog.group.info.id_tooltip')">
<Button
class="rounded-full ml-1 text-xs"
size="icon-sm"
variant="outline"
@click="copyToClipboard(groupDialog.id)"
><i class="ri-file-copy-line"></i
></Button> </TooltipWrapper
></span>
</div>
</div>
</div>
<div
@@ -1171,7 +1171,6 @@
openExternalLink,
refreshInstancePlayerCount,
removeFromArray,
textToHex,
userImage,
userStatusClass
} from '../../../shared/utils';
@@ -1903,6 +1902,6 @@
gap: 16px;
overflow-y: auto;
max-height: 360px;
padding: 10px 0;
padding: 9px 0;
}
</style>

View File

@@ -38,7 +38,7 @@
side="top"
:content="t('dialog.user.info.refresh_instance_info')"
><Button
class="rounded-full w-6 h-6 text-xs text-muted-foreground hover:text-foreground"
class="rounded-full ml-1 w-6 h-6 text-xs text-muted-foreground hover:text-foreground"
size="icon"
variant="outline"
@click="refreshInstancePlayerCount(userDialog.$location.tag)"
@@ -503,10 +503,9 @@
<span class="extra">
<span v-text="userDialog.$homeLocationName"></span>
<Button
class="rounded-full text-xs ml-1"
class="rounded-full ml-1 text-xs"
size="icon-sm"
variant="outline"
style="margin-left: 5px"
@click.stop="resetHome()"
><i class="ri-delete-bin-line"></i>
</Button>
@@ -522,7 +521,7 @@
<DropdownMenu>
<DropdownMenuTrigger as-child>
<Button
class="rounded-full text-xs"
class="rounded-full ml-1 text-xs"
size="icon-sm"
variant="outline"
@click.stop

View File

@@ -351,7 +351,7 @@
side="top"
:content="t('dialog.world.instances.refresh_instance_info')">
<Button
class="rounded-full w-6 h-6 text-xs text-muted-foreground hover:text-foreground"
class="rounded-full ml-1 w-6 h-6 text-xs text-muted-foreground hover:text-foreground"
size="icon"
variant="outline"
@click="refreshInstancePlayerCount(room.tag)"
@@ -785,7 +785,6 @@
openFolderGeneric,
refreshInstancePlayerCount,
replaceVrcPackageUrl,
textToHex,
timeToText,
userImage,
userStatusClass