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

ui improve

Browse Source
This commit is contained in:
pa
2026-01-04 12:12:16 +09:00
committed by Natsumi
parent 00745b54f1
commit 5de3f82673
23 changed files with 402 additions and 414 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
src/app.css
View File

@@ -55,9 +55,9 @@
--el-bg-color-page: var(--color-zinc-50);
--el-bg-color-overlay: var(--color-white);
--el-text-color-secondary: var(--color-zinc-500);
--el-text-color-placeholder: var(--color-zinc-400);
--el-text-color-disabled: var(--color-zinc-300);
--el-text-color-secondary: var(--color-zinc-700);
--el-text-color-placeholder: var(--color-zinc-500);
--el-text-color-disabled: var(--color-zinc-400);
--el-border-color: var(--color-zinc-200);
--el-border-color-light: var(--color-zinc-200);
@@ -297,6 +297,10 @@ html.dark,
color: var(--color-neutral-200);
}
.el-table {
background-color: var(--el-bg-color-page);
}
.el-table .el-table__empty-block {
background-color: var(--el-bg-color-page);
}
@@ -631,17 +635,30 @@ html.dark .x-friend-item > .detail > .extra,
width: 2px;
translate: 0 -50%;
border-radius: 4px;
background: color-mix(in oklch, var(--el-color-primary) 32%, transparent);
background: var(--el-color-primary);
transition:
background-color 0.4s,
left 0.2s;
}
.el-menu-item.is-active::before {
left: 2px;
left: 4px;
transition: left 0.2s cubic-bezier(0.175, 0.885, 0.32, 2.552);
}
.el-menu.el-menu--popup .el-menu-item::before {
opacity: 0;
}
.el-menu.el-menu--popup .el-menu-item.is-active::before {
opacity: 1;
}
.el-menu.el-menu--popup .el-menu-item > i {
margin-right: 0.75rem;
font-size: 18px;
}
.el-sub-menu .el-menu-item.notify::after {
left: 18px;
}
@@ -922,7 +939,7 @@ hr.x-vertical-divider {
width: 4px;
height: 4px;
content: '';
background: var(--el-text-color-placeholder);
background: var(--el-text-color-secondary);
border-radius: 50%;
}
@@ -1273,8 +1290,8 @@ i.x-status-icon.red {
}
.x-tag-age-verification {
color: var(--el-color-primary-dark-2);
border-color: var(--el-color-primary-dark-2) !important;
color: #3b82f6;
border-color: #3b82f6 !important;
}
.x-tag-border-left {