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

adjust friend status icon styles

Browse Source
This commit is contained in:
pa
2026-03-17 22:13:44 +09:00
parent 1a16a2116a
commit b33821ba82
1 changed files with 15 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/styles/status-icon.css
View File

@@ -11,26 +11,40 @@
content: ''; content: '';
background: var(--status-offline); background: var(--status-offline);
border-radius: 50%; border-radius: 50%;
box-shadow: 0 0 0 1px var(--background);
} }
.status-icon.active::after { .status-icon.active::after {
background: var(--status-active); background: var(--status-active);
box-shadow: 0 0 0 1px var(--background);
} }
.status-icon.online::after { .status-icon.online::after {
background: var(--status-online); background: var(--status-online);
box-shadow:
0 0 0 1px var(--background),
0 0 4px color-mix(in oklch, var(--status-online) 50%, transparent);
} }
.status-icon.joinme::after { .status-icon.joinme::after {
background: var(--status-joinme); background: var(--status-joinme);
box-shadow:
0 0 0 1px var(--background),
0 0 4px color-mix(in oklch, var(--status-joinme) 50%, transparent);
} }
.status-icon.askme::after { .status-icon.askme::after {
background: var(--status-askme); background: var(--status-askme);
box-shadow:
0 0 0 1px var(--background),
0 0 4px color-mix(in oklch, var(--status-askme) 50%, transparent);
} }
.status-icon.busy::after { .status-icon.busy::after {
background: var(--status-busy); background: var(--status-busy);
box-shadow:
0 0 0 1px var(--background),
0 0 4px color-mix(in oklch, var(--status-busy) 50%, transparent);
} }
.accessible-status-indicators .status-icon.joinme::after { .accessible-status-indicators .status-icon.joinme::after {
@@ -47,6 +61,7 @@
.status-icon.offline::after { .status-icon.offline::after {
background: var(--status-offline); background: var(--status-offline);
box-shadow: 0 0 0 1px var(--background);
} }
.active img, .active img,