mirror of
https://github.com/MrUnknownDE/VRCX.git
synced 2026-04-18 22:33:50 +02:00
Button alignments
This commit is contained in:
@@ -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 />
|
||||
|
||||
@@ -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);
|
||||
}
|
||||
|
||||
@@ -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);
|
||||
}
|
||||
|
||||
|
||||
@@ -560,7 +560,6 @@
|
||||
openExternalLink,
|
||||
openFolderGeneric,
|
||||
replaceVrcPackageUrl,
|
||||
textToHex,
|
||||
timeToText
|
||||
} from '../../../shared/utils';
|
||||
import {
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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
|
||||
|
||||
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user