MrUnknownDE/VRCX
1
0
Fork 0
mirror of https://github.com/MrUnknownDE/VRCX.git synced 2026-04-11 19:03:51 +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 {
background-color: var(--border);
border-radius: var(--radius-full);
border-radius: var(--rounded-full);
border: 2px solid transparent;
background-clip: content-box;
}

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

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

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

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

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

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

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

@@ -11,7 +11,7 @@
<AvatarFallback>{{ avatarFallback }}</AvatarFallback>
</Avatar>
</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>
<div class="friend-card__body">
@@ -266,7 +266,6 @@
right: calc(8px * var(--card-scale));
inline-size: calc(12px * var(--card-scale));
block-size: calc(12px * var(--card-scale));
border-radius: var(--radius-full);
pointer-events: none;
}

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

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