github/VRCX
1
1
Fork 0
mirror of https://github.com/vrcx-team/VRCX.git synced 2026-04-06 00:32:02 +02:00
Code Issues 51 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

4
src/components/NavMenu.vue
View File

@@ -804,7 +804,7 @@
right: 0;
width: 6px;
height: 6px;
background-color: #ef4444;
background-color: var(--color-red-500);
border-radius: 50%;
transform: translateY(-50%);
}
@@ -815,7 +815,7 @@
right: 0;
width: 6px;
height: 6px;
background-color: #ef4444;
background-color: var(--color-red-500);
border-radius: 50%;
transform: translateY(-50%);
}

2
src/components/StatusBar.vue
View File

@@ -616,7 +616,7 @@
.ws-sparkline {
flex-shrink: 0;
border-radius: 2px;
border-radius: var(--radius-sm);
}
.status-bar-zoom-field {

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

2
src/styles/globals.css
View File

@@ -228,7 +228,7 @@
::-webkit-scrollbar-thumb {
background-color: var(--border);
border-radius: 9999px;
border-radius: var(--radius-full);
border: 2px solid transparent;
background-clip: content-box;
}

2
src/views/Favorites/FavoritesAvatar.vue
View File

@@ -1784,7 +1784,7 @@
.group-item__placeholder-tag {
width: 64px;
height: 18px;
border-radius: 999px;
border-radius: var(--radius-full);
}
.group-item--new {

4
src/views/Favorites/FavoritesWorld.vue
View File

@@ -1658,7 +1658,7 @@
.group-item__placeholder-tag {
width: 64px;
height: 18px;
border-radius: 999px;
border-radius: var(--radius-full);
}
.group-item--new {
@@ -1759,7 +1759,7 @@
.favorites-content__scroll--local::-webkit-scrollbar-thumb {
background-color: var(--border);
border-radius: 999px;
border-radius: var(--radius-full);
border: 2px solid transparent;
background-clip: content-box;
}

2
src/views/FriendsLocations/components/FriendsLocationsCard.vue
View File

@@ -266,7 +266,7 @@
right: calc(8px * var(--card-scale));
inline-size: calc(12px * var(--card-scale));
block-size: calc(12px * var(--card-scale));
border-radius: 999px;
border-radius: var(--radius-full);
pointer-events: none;
}

2
src/views/Search/Search.vue
View File

@@ -334,9 +334,9 @@
<span v-text="group.name"></span>
<span style="margin-left: 6px; font-weight: normal">({{ group.memberCount }})</span>
<span
class="text-muted-foreground"
style="
margin-left: 6px;
color: #909399;
font-weight: normal;
font-family: monospace;
font-size: 12px;

2
src/views/Settings/components/Tabs/GeneralTab.vue
View File

@@ -165,7 +165,7 @@
@click="openExternalLink('https://github.com/vrcx-team/VRCX/graphs/contributors')" />
</div>
</div>
<div class="options-container" style="margin-top: 45px; border-top: 1px solid #eee; padding-top: 30px">
<div class="options-container border-t border-border" style="margin-top: 45px; padding-top: 30px">
<span class="header">{{ t('view.settings.general.legal_notice.header') }}</span>
<div class="options-container-item" style="display: block">
<p>

2
src/views/Tools/components/GroupCalendarMonth.vue
View File

@@ -230,7 +230,7 @@
transform: translateX(-50%);
width: 6px;
height: 6px;
border-radius: 9999px;
border-radius: var(--radius-full);
background-color: var(--group-calendar-event-dot, #ef4444);
z-index: 5;
pointer-events: none;