feat: add icon display for webuix

This commit is contained in:
KOWX712
2025-05-10 23:48:59 +08:00
parent ee31267066
commit 89943a99e9
2 changed files with 158 additions and 19 deletions

View File

@@ -218,13 +218,54 @@
}
.name {
display: inline-block;
display: flex;
align-items: center;
margin: 0;
font-size: 15.5px;
max-width: calc(100% - 30px);
user-select: none;
}
.app-info {
display: inline-block;
overflow-wrap: break-word;
word-break: break-word;
user-select: none;
}
.app-icon-container {
flex-shrink: 0;
height: 3em;
width: 3em;
margin-right: 10px;
position: relative;
}
.loader {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(90deg, var(--surfaceContainer), var(--surfaceContainerHigh), var(--surfaceContainer));
background-size: 200% 100%;
animation: shimmer 1.2s infinite linear;
border-radius: 6px;
}
.app-icon {
height: 100%;
opacity: 0;
transition: opacity 1s ease;
}
@keyframes shimmer {
0% {
background-position: -200% 0;
}
100% {
background-position: 200% 0;
}
}
.checkbox-wrapper {