rlwj-lab/opsx-vpn
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refine WireGuard client routing and authentication UI

Browse Source
This commit is contained in:
opsx committed 2026-10-21 21:10:53 +08:00
1 parent eabb3e4472
commit 41fb9d5631
33 files changed
+1709 -469
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

client/src/system.css
+7 -2
View File
@@ -20,7 +20,7 @@ body { min-width: 0; }
.http-warning { background: #fff7e6; color: #a0691b; border: 1px solid #fae5be; border-radius: 8px; padding: 10px; font-size: 12px; line-height: 1.6; }
.saved-address { color: #168861; font-size: 12px; margin: 9px 0 0; overflow-wrap: anywhere; }
.power-display { border: 0; cursor: pointer; position: relative; z-index: 1; }
.power-display:hover { filter: brightness(1.08); transform: translateY(-2px); }
.power-display:not(:disabled):hover { filter: brightness(1.08); transform: translateY(-2px); }
.power-display:focus-visible { outline: 3px solid #144db6; outline-offset: 4px; }
.connection-guide { margin: -11px 0 20px; padding: 11px 13px; border: 1px solid #dae7ff; border-radius: 9px; background: #f3f7ff; color: #43618f; font-size: 12px; line-height: 1.6; }
.connection-guide button { display: block; padding: 3px 0 0; background: none; border: 0; color: #306eee; font-weight: 600; }
@@ -71,7 +71,12 @@ body { min-width: 0; }
/* ---- 连接状态 ---- */
.power-display.on { background: linear-gradient(145deg, #2fce88, #17a268); box-shadow: 0 16px 30px #17a26849, inset 0 1px 2px #ffffff66; }
.power-display.busy { animation: pulse 1.4s ease-in-out infinite; }
.power-display:disabled { opacity: .6; cursor: wait; }
.power-display:disabled { opacity: .6; cursor: not-allowed; }
.power-display.busy:disabled { cursor: progress; }
.connection-guide .secondary-action { display: inline-flex; align-items: center; margin: 9px 0 0; border: 1px solid #d9e6ff; border-radius: 9px; background: #e8f0ff; color: #285fd0; padding: 9px 12px; cursor: pointer; }
.connection-guide .secondary-action:disabled { cursor: not-allowed; }
.app-proxy-guide p { margin: 6px 0; }
.app-proxy-guide small { display: block; margin-top: 7px; }
@keyframes pulse { 50% { transform: scale(.96); } }
.preview-pill.online { border-color: #bdebd6; background: #ebf8f2; color: #168861; }
.traffic-grid { display: flex; justify-content: center; gap: 18px; margin: -8px 0 18px; font-size: 11px; color: #63738a; }