MrUnknownDE/VRCX
1
0
Fork 0
mirror of https://github.com/MrUnknownDE/VRCX.git synced 2026-05-07 14:56:06 +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
src/views/Sidebar/components/FriendItem.vue
+17 -16
View File
@@ -91,30 +91,31 @@
.skeleton { .skeleton {
height: 40px; height: 40px;
width: 100%; width: 100%;
:deep(.el-skeleton) { & > div {
height: 100%;
> div {
height: 100%; height: 100%;
display: flex; display: flex;
align-items: center; align-items: center;
> :first-child { justify-content: space-between;
margin-right: 8px; & > div {
height: 40px; width: calc(100% - 48px);
width: 40px; height: 100%;
}
> :last-child {
flex: 1;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
> :first-child { }
}
:deep(.el-skeleton__circle) {
height: 40px;
width: 40px;
}
:deep(.el-skeleton__text) {
&:first-child {
height: 14px;
margin-bottom: 6px;
width: 50%; width: 50%;
margin-bottom: 4px;
}
> :last-child {
width: 90%;
}
} }
&:last-child {
height: 12px;
} }
} }
} }