MrUnknownDE/VRCX
1
0
Fork 0
mirror of https://github.com/MrUnknownDE/VRCX.git synced 2026-04-25 01:33:51 +02:00
Code Issues Packages Projects Releases Wiki Activity

replace @element-plus/icons-vue

Browse Source
This commit is contained in:
pa
2026-01-14 23:22:23 +09:00
committed by Natsumi
parent b7f3d91a03
commit 889302104a
50 changed files with 461 additions and 561 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/views/Sidebar/components/FriendItem.vue
View File

@@ -17,13 +17,11 @@
<span v-if="isFriendActiveOrOffline" class="extra">{{ friend.ref.statusDescription }}</span>
<template v-else>
<div v-if="friend.pendingOffline" class="extra">
<el-icon><WarningFilled /></el-icon> {{ t('side_panel.pending_offline') }}
<AlertTriangle /> {{ t('side_panel.pending_offline') }}
</div>
<template v-else-if="isGroupByInstance">
<div class="flex items-center">
<el-icon v-if="isFriendTraveling" class="is-loading" style="margin-right: 3px"
><Loading
/></el-icon>
<Loader2 v-if="isFriendTraveling" class="is-loading" style="margin-right: 3px" />
<Timer
class="extra"
:epoch="epoch"
@@ -62,7 +60,7 @@
</template>
<script setup>
import { Loading, WarningFilled } from '@element-plus/icons-vue';
import { Loader2, AlertTriangle } from 'lucide-vue-next';
import { Button } from '@/components/ui/button';
import { computed } from 'vue';
import { storeToRefs } from 'pinia';

18
src/views/Sidebar/components/FriendsSidebar.vue
View File

@@ -7,7 +7,7 @@
isFriendsGroupMe = !isFriendsGroupMe;
saveFriendsGroupStates();
">
<el-icon class="rotation-transition" :class="{ 'is-rotated': isFriendsGroupMe }"><ArrowRight /></el-icon>
<ArrowRight class="rotation-transition" :class="{ 'is-rotated': isFriendsGroupMe }" />
<span style="margin-left: 5px">{{ t('side_panel.me') }}</span>
</div>
<div v-show="isFriendsGroupMe">
@@ -43,7 +43,7 @@
isVIPFriends = !isVIPFriends;
saveFriendsGroupStates();
">
<el-icon class="rotation-transition" :class="{ 'is-rotated': isVIPFriends }"><ArrowRight /></el-icon>
<ArrowRight class="rotation-transition" :class="{ 'is-rotated': isVIPFriends }" />
<span style="margin-left: 5px">
{{ t('side_panel.favorite') }} &horbar;
{{ vipFriendsDisplayNumber }}
@@ -79,9 +79,9 @@
<template v-if="isSidebarGroupByInstance && friendsInSameInstance.length">
<div class="x-friend-group x-link" @click="toggleSwitchGroupByInstanceCollapsed">
<el-icon class="rotation-transition" :class="{ 'is-rotated': !isSidebarGroupByInstanceCollapsed }"
><ArrowRight
/></el-icon>
<ArrowRight
class="rotation-transition"
:class="{ 'is-rotated': !isSidebarGroupByInstanceCollapsed }" />
<span style="margin-left: 5px"
>{{ t('side_panel.same_instance') }} &horbar; {{ friendsInSameInstance.length }}</span
>
@@ -116,7 +116,7 @@
isOnlineFriends = !isOnlineFriends;
saveFriendsGroupStates();
">
<el-icon class="rotation-transition" :class="{ 'is-rotated': isOnlineFriends }"><ArrowRight /></el-icon>
<ArrowRight class="rotation-transition" :class="{ 'is-rotated': isOnlineFriends }" />
<span style="margin-left: 5px"
>{{ t('side_panel.online') }} &horbar; {{ onlineFriendsByGroupStatus.length }}</span
>
@@ -135,7 +135,7 @@
isActiveFriends = !isActiveFriends;
saveFriendsGroupStates();
">
<el-icon class="rotation-transition" :class="{ 'is-rotated': isActiveFriends }"><ArrowRight /></el-icon>
<ArrowRight class="rotation-transition" :class="{ 'is-rotated': isActiveFriends }" />
<span style="margin-left: 5px">{{ t('side_panel.active') }} &horbar; {{ activeFriends.length }}</span>
</div>
<div v-if="isActiveFriends">
@@ -152,7 +152,7 @@
isOfflineFriends = !isOfflineFriends;
saveFriendsGroupStates();
">
<el-icon class="rotation-transition" :class="{ 'is-rotated': isOfflineFriends }"><ArrowRight /></el-icon>
<ArrowRight class="rotation-transition" :class="{ 'is-rotated': isOfflineFriends }" />
<span style="margin-left: 5px">{{ t('side_panel.offline') }} &horbar; {{ offlineFriends.length }}</span>
</div>
<div v-if="isOfflineFriends">
@@ -167,7 +167,7 @@
<script setup>
import { computed, ref, watch } from 'vue';
import { ArrowRight } from '@element-plus/icons-vue';
import { ArrowRight } from 'lucide-vue-next';
import { storeToRefs } from 'pinia';
import { useI18n } from 'vue-i18n';

10
src/views/Sidebar/components/GroupsSidebar.vue
View File

@@ -3,13 +3,9 @@
<template v-for="(group, index) in groupedGroupInstances" :key="getGroupId(group)">
<div class="x-friend-group x-link" :style="{ paddingTop: index === 0 ? '0px' : '10px' }">
<div @click="toggleGroupSidebarCollapse(getGroupId(group))" style="display: flex; align-items: center">
<el-icon
<ArrowRight
class="rotation-transition"
:class="{
'is-rotated': !groupInstancesCfg[getGroupId(group)]?.isCollapsed
}"
><ArrowRight
/></el-icon>
:class="{ 'is-rotated': !groupInstancesCfg[getGroupId(group)]?.isCollapsed }" />
<span style="margin-left: 5px">{{ group[0].group.name }} – {{ group.length }}</span>
</div>
</div>
@@ -42,7 +38,7 @@
<script setup>
import { computed, ref } from 'vue';
import { ArrowRight } from '@element-plus/icons-vue';
import { ArrowRight } from 'lucide-vue-next';
import { storeToRefs } from 'pinia';
import { useAppearanceSettingsStore, useGroupStore } from '../../../stores';