mirror of
https://github.com/MHSanaei/3x-ui.git
synced 2026-11-06 21:25:04 +03:00
MHSanaei
e7c11c913a
Redesign the Add Inbound -> Stream External Proxy section into labeled per-entry cards (Force TLS / Host / Port / Remark and, under TLS, SNI / Fingerprint / ALPN) and add a Pinned Peer Cert SHA-256 field with a generate-random-hash button to each entry. The pin flows end to end into share links: pcs for vmess/vless/trojan/ss (stripped when a proxy forces security off) and the hex-normalized pinSHA256 for Hysteria. JSON and Clash subscriptions emit the native pinnedPeerCertSha256 / pin-sha256 via the cloned stream. Adds the forceTls label across all 13 locales plus frontend and Go tests.
73 lines
1.1 KiB
CSS
73 lines
1.1 KiB
CSS
.ext-proxy-list {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 10px;
|
|
}
|
|
|
|
.ext-proxy-card {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 10px;
|
|
padding: 12px;
|
|
border: 1px solid var(--ant-color-border-secondary);
|
|
border-radius: 10px;
|
|
background: var(--ant-color-fill-quaternary);
|
|
}
|
|
|
|
.ext-proxy-card__head {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.ext-proxy-card__title {
|
|
font-weight: 600;
|
|
font-size: 13px;
|
|
opacity: 0.85;
|
|
}
|
|
|
|
.ext-proxy-field {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 4px;
|
|
}
|
|
|
|
.ext-proxy-flabel {
|
|
font-size: 12px;
|
|
line-height: 1.2;
|
|
opacity: 0.65;
|
|
}
|
|
|
|
.ext-proxy-grid {
|
|
display: grid;
|
|
gap: 8px;
|
|
}
|
|
|
|
.ext-proxy-grid--dest {
|
|
grid-template-columns: 1fr 1.7fr 0.9fr;
|
|
}
|
|
|
|
.ext-proxy-grid--tls {
|
|
grid-template-columns: 1fr 1fr 1fr;
|
|
}
|
|
|
|
.ext-proxy-tls {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 10px;
|
|
margin-top: 2px;
|
|
padding-top: 10px;
|
|
border-top: 1px dashed var(--ant-color-border-secondary);
|
|
}
|
|
|
|
.ext-proxy-add {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
@media (max-width: 575px) {
|
|
.ext-proxy-grid--dest,
|
|
.ext-proxy-grid--tls {
|
|
grid-template-columns: 1fr;
|
|
}
|
|
}
|