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

refactor css

Browse Source
This commit is contained in:
pa
2026-03-08 22:55:53 +09:00
parent 9b564303a4
commit 7a2bbf0ce2
13 changed files with 22 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/dialogs/GroupDialog/GallerySelectDialog.vue
View File

@@ -7,7 +7,7 @@
<div>
<span>{{ t('dialog.gallery_select.gallery') }}</span>
<span class="ml-1.5" style="color: #909399; font-size: 12px">{{ galleryTable.length }}/64</span>
<span class="ml-1.5 text-muted-foreground" style="font-size: 12px">{{ galleryTable.length }}/64</span>
<br />
<input
id="GalleryUploadButton"

7
src/components/dialogs/GroupDialog/GroupDialog.vue
View File

@@ -685,7 +685,8 @@
</div>
<div
v-if="groupDialog.ref.membershipStatus === 'member'"
style="width: 100%; margin-top: 8px; border-top: 1px solid #e4e7ed14">
class="border-t border-border"
style="width: 100%; margin-top: 8px">
<div style="width: 100%; display: flex; margin-top: 8px">
<div class="box-border flex items-center p-1.5 text-[13px] cursor-default w-[167px]">
<div class="flex-1 overflow-hidden">
@@ -1109,7 +1110,7 @@
v-slot:[`label-${index}`]>
<span style="font-weight: bold; font-size: 16px" v-text="gallery.name" />
<i class="x-status-icon" style="margin-left: 6px" :class="groupGalleryStatus(gallery)" />
<span style="color: #909399; font-size: 12px; margin-left: 6px">{{
<span class="text-muted-foreground" style="font-size: 12px; margin-left: 6px">{{
groupDialog.galleries[gallery.id] ? groupDialog.galleries[gallery.id].length : 0
}}</span>
</template>
@@ -1117,7 +1118,7 @@
v-for="(gallery, index) in groupDialog.ref.galleries"
:key="`content-${index}`"
v-slot:[String(index)]>
<span style="color: #c7c7c7; padding: 8px" v-text="gallery.description" />
<span class="text-muted-foreground" style="padding: 8px" v-text="gallery.description" />
<div
style="
display: grid;

6
src/components/dialogs/GroupDialog/GroupMemberModerationDialog.vue
View File

@@ -206,7 +206,7 @@
<span style="font-weight: bold; font-size: 16px">{{
t('dialog.group_member_moderation.sent_invites')
}}</span>
<span style="color: #909399; font-size: 12px; margin-left: 6px">{{
<span class="text-muted-foreground" style="font-size: 12px; margin-left: 6px">{{
groupInvitesModerationTable.data.length
}}</span>
</template>
@@ -214,7 +214,7 @@
<span style="font-weight: bold; font-size: 16px">{{
t('dialog.group_member_moderation.join_requests')
}}</span>
<span style="color: #909399; font-size: 12px; margin-left: 6px">{{
<span class="text-muted-foreground" style="font-size: 12px; margin-left: 6px">{{
groupJoinRequestsModerationTable.data.length
}}</span>
</template>
@@ -222,7 +222,7 @@
<span style="font-weight: bold; font-size: 16px">{{
t('dialog.group_member_moderation.blocked_requests')
}}</span>
<span style="color: #909399; font-size: 12px; margin-left: 6px">{{
<span class="text-muted-foreground" style="font-size: 12px; margin-left: 6px">{{
groupBlockedModerationTable.data.length
}}</span>
</template>

6
src/components/dialogs/UserDialog/UserDialog.vue
View File

@@ -21,9 +21,9 @@
<template #Info>
<template v-if="isFriendOnline(userDialog.friend) || currentUser.id === userDialog.id">
<div
class="mb-2 pb-2"
class="mb-2 pb-2 border-b border-border"
v-if="userDialog.ref.location"
style="display: flex; flex-direction: column; border-bottom: 1px solid #e4e7ed14">
style="display: flex; flex-direction: column">
<div style="flex: none">
<template v-if="isRealInstance(userDialog.$location.tag)">
<InstanceActionBar
@@ -185,7 +185,7 @@
<Avatar
class="cursor-pointer size-15! rounded-lg!"
:style="{
background: userDialog.isRepresentedGroupLoading ? '#f5f7fa' : ''
background: userDialog.isRepresentedGroupLoading ? 'var(--muted)' : ''
}"
@click="showFullscreenImageDialog(userDialog.representedGroup.iconUrl)">
<AvatarImage