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

Use classes to prevent Tailwind from tree-shaking

Browse Source
This commit is contained in:
pa
2026-03-08 23:32:15 +09:00
parent 3106d77a71
commit faaddaca29
6 changed files with 21 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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: var(--radius-full); border-radius: var(--rounded-full);
border: 2px solid transparent; border: 2px solid transparent;
background-clip: content-box; background-clip: content-box;
} }

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

@@ -110,7 +110,7 @@
v-for="group in favoriteAvatarGroups" v-for="group in favoriteAvatarGroups"
:key="group.key" :key="group.key"
:class="[ :class="[
'group-item', 'group-item hover:shadow-sm',
`group-item--${group.visibility}`, `group-item--${group.visibility}`,
{ 'is-active': !hasSearchInput && isGroupActive('remote', group.key) } { 'is-active': !hasSearchInput && isGroupActive('remote', group.key) }
]" ]"
@@ -184,7 +184,7 @@
v-for="group in avatarGroupPlaceholders" v-for="group in avatarGroupPlaceholders"
:key="group.key" :key="group.key"
:class="[ :class="[
'group-item', 'group-item hover:shadow-sm',
'group-item--placeholder', 'group-item--placeholder',
{ 'is-active': !hasSearchInput && isGroupActive('remote', group.key) } { 'is-active': !hasSearchInput && isGroupActive('remote', group.key) }
]"> ]">
@@ -193,7 +193,7 @@
<span class="group-item__count">--/--</span> <span class="group-item__count">--/--</span>
</div> </div>
<div class="group-item__bottom"> <div class="group-item__bottom">
<div class="group-item__placeholder-tag"></div> <div class="group-item__placeholder-tag rounded-full"></div>
</div> </div>
</div> </div>
</template> </template>
@@ -223,7 +223,7 @@
v-for="group in localAvatarFavoriteGroups" v-for="group in localAvatarFavoriteGroups"
:key="group" :key="group"
:class="[ :class="[
'group-item', 'group-item hover:shadow-sm',
{ 'is-active': !hasSearchInput && isGroupActive('local', group) } { 'is-active': !hasSearchInput && isGroupActive('local', group) }
]" ]"
@click="handleGroupClick('local', group)"> @click="handleGroupClick('local', group)">
@@ -274,7 +274,7 @@
:content="t('view.favorite.avatars.local_favorites')"> :content="t('view.favorite.avatars.local_favorites')">
<div <div
:class="[ :class="[
'group-item', 'group-item hover:shadow-sm',
'group-item--new', 'group-item--new',
{ 'is-disabled': !isLocalUserVrcPlusSupporter } { 'is-disabled': !isLocalUserVrcPlusSupporter }
]" ]"
@@ -316,7 +316,7 @@
<div class="group-section__list"> <div class="group-section__list">
<div <div
:class="[ :class="[
'group-item', 'group-item hover:shadow-sm',
{ 'is-active': !hasSearchInput && isGroupActive('history', historyGroupKey) } { 'is-active': !hasSearchInput && isGroupActive('history', historyGroupKey) }
]" ]"
@click="handleGroupClick('history', historyGroupKey)"> @click="handleGroupClick('history', historyGroupKey)">
@@ -406,7 +406,7 @@
<div <div
v-for="favorite in avatarFavoriteSearchResults" v-for="favorite in avatarFavoriteSearchResults"
:key="favorite.id" :key="favorite.id"
class="favorites-search-card" class="favorites-search-card hover:shadow-sm"
@click="showAvatarDialog(favorite.id)"> @click="showAvatarDialog(favorite.id)">
<div class="favorites-search-card__content"> <div class="favorites-search-card__content">
<div <div
@@ -1717,7 +1717,6 @@
.group-item:hover { .group-item:hover {
background-color: var(--accent); background-color: var(--accent);
box-shadow: var(--shadow-sm);
} }
.group-item__top { .group-item__top {
@@ -1784,7 +1783,6 @@
.group-item__placeholder-tag { .group-item__placeholder-tag {
width: 64px; width: 64px;
height: 18px; height: 18px;
border-radius: var(--radius-full);
} }
.group-item--new { .group-item--new {
@@ -1922,7 +1920,6 @@
:deep(.favorites-search-card:hover) { :deep(.favorites-search-card:hover) {
background-color: var(--accent); background-color: var(--accent);
box-shadow: var(--shadow-sm);
} }
:deep(.favorites-search-card__content) { :deep(.favorites-search-card__content) {

10
src/views/Favorites/FavoritesFriend.vue
View File

@@ -112,7 +112,7 @@
v-for="group in favoriteFriendGroups" v-for="group in favoriteFriendGroups"
:key="group.key" :key="group.key"
:class="[ :class="[
'group-item', 'group-item hover:shadow-sm',
`group-item--${group.visibility}`, `group-item--${group.visibility}`,
{ 'is-active': !hasSearchInput && isGroupActive('remote', group.key) } { 'is-active': !hasSearchInput && isGroupActive('remote', group.key) }
]" ]"
@@ -203,7 +203,7 @@
v-for="group in localFriendFavoriteGroups" v-for="group in localFriendFavoriteGroups"
:key="group" :key="group"
:class="[ :class="[
'group-item', 'group-item hover:shadow-sm',
{ 'is-active': !hasSearchInput && isGroupActive('local', group) } { 'is-active': !hasSearchInput && isGroupActive('local', group) }
]" ]"
@click="handleGroupClick('local', group)"> @click="handleGroupClick('local', group)">
@@ -249,7 +249,7 @@
</div> </div>
<div <div
v-if="!isCreatingLocalGroup" v-if="!isCreatingLocalGroup"
class="group-item group-item--new" class="group-item hover:shadow-sm group-item--new"
@click="startLocalGroupCreation"> @click="startLocalGroupCreation">
<Plus /> <Plus />
<span>{{ t('view.favorite.worlds.new_group') }}</span> <span>{{ t('view.favorite.worlds.new_group') }}</span>
@@ -383,7 +383,7 @@
<div <div
v-for="favorite in friendFavoriteSearchResults" v-for="favorite in friendFavoriteSearchResults"
:key="favorite.id" :key="favorite.id"
class="favorites-search-card" class="favorites-search-card hover:shadow-sm"
@click="showUserDialog(favorite.id)"> @click="showUserDialog(favorite.id)">
<div class="favorites-search-card__content"> <div class="favorites-search-card__content">
<div class="favorites-search-card__avatar"> <div class="favorites-search-card__avatar">
@@ -1357,7 +1357,6 @@
.group-item:hover { .group-item:hover {
background-color: var(--accent); background-color: var(--accent);
box-shadow: var(--shadow-sm);
} }
.group-item__top { .group-item__top {
@@ -1549,7 +1548,6 @@
:deep(.favorites-search-card:hover) { :deep(.favorites-search-card:hover) {
background-color: var(--accent); background-color: var(--accent);
box-shadow: var(--shadow-sm);
} }
:deep(.favorites-search-card.is-selected) { :deep(.favorites-search-card.is-selected) {

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

@@ -112,7 +112,7 @@
v-for="group in favoriteWorldGroups" v-for="group in favoriteWorldGroups"
:key="group.key" :key="group.key"
:class="[ :class="[
'group-item', 'group-item hover:shadow-sm',
`group-item--${group.visibility}`, `group-item--${group.visibility}`,
{ 'is-active': !hasSearchInput && isGroupActive('remote', group.key) } { 'is-active': !hasSearchInput && isGroupActive('remote', group.key) }
]" ]"
@@ -186,7 +186,7 @@
v-for="group in worldGroupPlaceholders" v-for="group in worldGroupPlaceholders"
:key="group.key" :key="group.key"
:class="[ :class="[
'group-item', 'group-item hover:shadow-sm',
'group-item--placeholder', 'group-item--placeholder',
{ 'is-active': !hasSearchInput && isGroupActive('remote', group.key) } { 'is-active': !hasSearchInput && isGroupActive('remote', group.key) }
]"> ]">
@@ -195,7 +195,7 @@
<span class="group-item__count">--/--</span> <span class="group-item__count">--/--</span>
</div> </div>
<div class="group-item__bottom"> <div class="group-item__bottom">
<div class="group-item__placeholder-tag"></div> <div class="group-item__placeholder-tag rounded-full"></div>
</div> </div>
</div> </div>
</template> </template>
@@ -223,7 +223,7 @@
v-for="group in localWorldFavoriteGroups" v-for="group in localWorldFavoriteGroups"
:key="group" :key="group"
:class="[ :class="[
'group-item', 'group-item hover:shadow-sm',
{ 'is-active': !hasSearchInput && isGroupActive('local', group) } { 'is-active': !hasSearchInput && isGroupActive('local', group) }
]" ]"
@click="handleGroupClick('local', group)"> @click="handleGroupClick('local', group)">
@@ -269,7 +269,7 @@
</div> </div>
<div <div
v-if="!isCreatingLocalGroup" v-if="!isCreatingLocalGroup"
class="group-item group-item--new" class="group-item hover:shadow-sm group-item--new"
@click="startLocalGroupCreation"> @click="startLocalGroupCreation">
<Plus /> <Plus />
<span>{{ t('view.favorite.worlds.new_group') }}</span> <span>{{ t('view.favorite.worlds.new_group') }}</span>
@@ -354,7 +354,7 @@
<div <div
v-for="favorite in worldFavoriteSearchResults" v-for="favorite in worldFavoriteSearchResults"
:key="favorite.id" :key="favorite.id"
class="favorites-search-card" class="favorites-search-card hover:shadow-sm"
@click="showWorldDialog(favorite.id)"> @click="showWorldDialog(favorite.id)">
<div class="favorites-search-card__content"> <div class="favorites-search-card__content">
<div <div
@@ -1588,7 +1588,6 @@
.group-item:hover { .group-item:hover {
background-color: var(--accent); background-color: var(--accent);
box-shadow: var(--shadow-sm);
} }
.group-item__top { .group-item__top {
@@ -1658,7 +1657,6 @@
.group-item__placeholder-tag { .group-item__placeholder-tag {
width: 64px; width: 64px;
height: 18px; height: 18px;
border-radius: var(--radius-full);
} }
.group-item--new { .group-item--new {
@@ -1759,7 +1757,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: var(--radius-full); border-radius: var(--rounded-full);
border: 2px solid transparent; border: 2px solid transparent;
background-clip: content-box; background-clip: content-box;
} }
@@ -1838,7 +1836,6 @@
:deep(.favorites-search-card:hover) { :deep(.favorites-search-card:hover) {
background-color: var(--accent); background-color: var(--accent);
box-shadow: var(--shadow-sm);
} }
:deep(.favorites-search-card.is-selected) { :deep(.favorites-search-card.is-selected) {

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

@@ -11,7 +11,7 @@
<AvatarFallback>{{ avatarFallback }}</AvatarFallback> <AvatarFallback>{{ avatarFallback }}</AvatarFallback>
</Avatar> </Avatar>
</div> </div>
<span class="friend-card__status-dot" :class="statusDotClass"></span> <span class="friend-card__status-dot rounded-full" :class="statusDotClass"></span>
<div class="friend-card__name ml-0.5" :title="friend.name">{{ friend.name }}</div> <div class="friend-card__name ml-0.5" :title="friend.name">{{ friend.name }}</div>
</div> </div>
<div class="friend-card__body"> <div class="friend-card__body">
@@ -266,7 +266,6 @@
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: var(--radius-full);
pointer-events: none; pointer-events: none;
} }

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: var(--radius-full); border-radius: var(--rounded-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;