feat(proxy): add instance proxy display

- Change API endpoint and parameter from instanceName to instanceID for getInstanceProxies
- Update proxy list UI with type badge and structured details display
- Add async/await for mounted lifecycle hooks
- Improve proxy item styling with better spacing and visual hierarchy
This commit is contained in:
2026-03-21 09:14:25 +08:00
parent 2e445de6e3
commit 3e4bd77641
3 changed files with 89 additions and 19 deletions

View File

@@ -518,7 +518,10 @@
}
.proxy-item {
padding: 16px;
display: flex;
flex-direction: column;
gap: 12px;
padding: 12px;
background: #f9f9f9;
border-radius: 6px;
}
@@ -527,20 +530,31 @@
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 12px;
}
.proxy-name {
font-size: 16px;
font-size: 18px;
font-weight: 600;
color: var(--text-color);
transition: color 0.3s;
}
.proxy-type {
display: inline-block;
padding: 4px 12px;
border-radius: 12px;
font-size: 14px;
font-weight: 500;
background: var(--primary-bg);
color: var(--primary-color);
text-transform: uppercase;
}
.proxy-details {
display: flex;
flex-direction: column;
gap: 8px;
padding-left: 12px;
}
.proxy-detail {