olcxjas-softworks/PLWL
2
0
Fork 0
Code Issues Pull requests Projects Releases 16 Packages Wiki Activity Actions

add app and apps icons

Browse source
This commit is contained in:
olcxja 2026-09-25 18:42:03 +02:00
commit 7508811374
16 changed files with 554 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

56
renderer/style.css
View file

@ -162,6 +162,54 @@ content {
font-size: 1.8rem;
}
.header-actions { display: flex; gap: 0.6rem; align-items: center; }
.gc-head {
display: flex;
gap: 1rem;
align-items: flex-start;
}
.gc-head-main { flex: 1; }
.gc-head-main .field-label { margin-top: 0; }
.gc-icon-box {
width: 6rem;
height: 6rem;
border-radius: 0.9rem;
border: var(--border-width) solid var(--light-border-color);
background: rgba(255, 255, 255, 0.03);
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
flex-shrink: 0;
}
.gc-icon-box img {
width: 100%;
height: 100%;
object-fit: contain;
}
.gc-icon-placeholder {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
color: var(--darker-text-color);
opacity: 0.5;
}
.gc-icon-placeholder::before {
content: '';
width: 2.4rem;
height: 2.4rem;
background: currentColor;
-webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'><rect x='3' y='3' width='18' height='18' rx='2'/><circle cx='8.5' cy='8.5' r='1.5'/><path d='M21 15l-5-5L5 21'/></svg>") center / contain no-repeat;
mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'><rect x='3' y='3' width='18' height='18' rx='2'/><circle cx='8.5' cy='8.5' r='1.5'/><path d='M21 15l-5-5L5 21'/></svg>") center / contain no-repeat;
}
.icon-actions {
display: flex;
gap: 0.5rem;
margin-top: 0.4rem;
flex-wrap: wrap;
}
.subtitle { color: var(--darker-text-color); font-size: 0.9rem; margin-top: 0.2rem; }
.button {
@ -392,6 +440,14 @@ select {
gap: 0.5rem;
animation: view-in 0.3s var(--spring);
}
.game-icon {
width: 4rem;
height: 4rem;
object-fit: contain;
border-radius: 0.6rem;
background: rgba(255, 255, 255, 0.03);
align-self: flex-start;
}
.game-card:hover { border-color: rgba(255, 255, 255, 0.2); }
.game-card h3 {
font-size: 1.05rem;