MrUnknownDE/VRCX
1
0
Fork 0
mirror of https://github.com/MrUnknownDE/VRCX.git synced 2026-04-19 14:53:50 +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

4
src/components/NavMenu.vue
View File

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

2
src/components/StatusBar.vue
View File

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

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

@@ -7,7 +7,7 @@
<div> <div>
<span>{{ t('dialog.gallery_select.gallery') }}</span> <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 /> <br />
<input <input
id="GalleryUploadButton" id="GalleryUploadButton"

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

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

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

@@ -206,7 +206,7 @@
<span style="font-weight: bold; font-size: 16px">{{ <span style="font-weight: bold; font-size: 16px">{{
t('dialog.group_member_moderation.sent_invites') t('dialog.group_member_moderation.sent_invites')
}}</span> }}</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 groupInvitesModerationTable.data.length
}}</span> }}</span>
</template> </template>
@@ -214,7 +214,7 @@
<span style="font-weight: bold; font-size: 16px">{{ <span style="font-weight: bold; font-size: 16px">{{
t('dialog.group_member_moderation.join_requests') t('dialog.group_member_moderation.join_requests')
}}</span> }}</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 groupJoinRequestsModerationTable.data.length
}}</span> }}</span>
</template> </template>
@@ -222,7 +222,7 @@
<span style="font-weight: bold; font-size: 16px">{{ <span style="font-weight: bold; font-size: 16px">{{
t('dialog.group_member_moderation.blocked_requests') t('dialog.group_member_moderation.blocked_requests')
}}</span> }}</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 groupBlockedModerationTable.data.length
}}</span> }}</span>
</template> </template>

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

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

2
src/styles/globals.css
View File

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

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

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

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

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

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

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

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

@@ -334,9 +334,9 @@
<span v-text="group.name"></span> <span v-text="group.name"></span>
<span style="margin-left: 6px; font-weight: normal">({{ group.memberCount }})</span> <span style="margin-left: 6px; font-weight: normal">({{ group.memberCount }})</span>
<span <span
class="text-muted-foreground"
style=" style="
margin-left: 6px; margin-left: 6px;
color: #909399;
font-weight: normal; font-weight: normal;
font-family: monospace; font-family: monospace;
font-size: 12px; 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')" /> @click="openExternalLink('https://github.com/vrcx-team/VRCX/graphs/contributors')" />
</div> </div>
</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> <span class="header">{{ t('view.settings.general.legal_notice.header') }}</span>
<div class="options-container-item" style="display: block"> <div class="options-container-item" style="display: block">
<p> <p>

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

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