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

fix: skeleton loading for friend item

Browse Source
This commit is contained in:
pa
2025-11-19 18:14:33 +09:00
committed by Natsumi
parent 83e9470850
commit 243f5df597
1 changed files with 22 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -91,30 +91,31 @@
.skeleton {
height: 40px;
width: 100%;
:deep(.el-skeleton) {
& > div {
height: 100%;
> div {
display: flex;
align-items: center;
justify-content: space-between;
& > div {
width: calc(100% - 48px);
height: 100%;
display: flex;
align-items: center;
> :first-child {
margin-right: 8px;
height: 40px;
width: 40px;
}
> :last-child {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
> :first-child {
width: 50%;
margin-bottom: 4px;
}
> :last-child {
width: 90%;
}
}
flex-direction: column;
justify-content: center;
}
}
:deep(.el-skeleton__circle) {
height: 40px;
width: 40px;
}
:deep(.el-skeleton__text) {
&:first-child {
height: 14px;
margin-bottom: 6px;
width: 50%;
}
&:last-child {
height: 12px;
}
}
}