Improving UI. Making instance urls clickable #244

This commit is contained in:
ManeraKai 2022-05-10 05:44:01 +03:00
parent 027de4fc8c
commit dfa5834b3c
No known key found for this signature in database
GPG Key ID: 5ABC31FFD562E337
2 changed files with 12 additions and 3 deletions

View File

@ -182,7 +182,7 @@ async function processDefaultCustomInstances(
let latencyLimit = (instancesLatency[x] == 5000 ? '5000ms+' : instancesLatency[x] + 'ms') let latencyLimit = (instancesLatency[x] == 5000 ? '5000ms+' : instancesLatency[x] + 'ms')
let latency = x in instancesLatency ? '<span style="color:' + latencyColor + ';">' + latencyLimit + '</span>' : ''; let latency = x in instancesLatency ? '<span style="color:' + latencyColor + ';">' + latencyLimit + '</span>' : '';
return `<div><x>${x}${cloudflare} ${latency}</x><input type="checkbox" class="${x}"/></div>`; return `<div><x><a href="${x}" target="_blank">${x}</a>${cloudflare} ${latency}</x><input type="checkbox" class="${x}"/></div>`;
} }
), ),
].join('\n<hr>\n'); ].join('\n<hr>\n');

View File

@ -106,9 +106,8 @@ section.option-block h2 {
body.option { body.option {
display: flex; display: flex;
align-items: flex-start;
padding: 40px; padding: 40px;
width: 1200px; width: 900px;
} }
section.links div { section.links div {
@ -358,6 +357,16 @@ div.checklist div {
padding: 10px 0; padding: 10px 0;
word-wrap: break-word; word-wrap: break-word;
display: flex; display: flex;
}
div.checklist a {
text-decoration: none;
color: var(--text);
}
div.checklist a:hover {
text-decoration: underline;
} }
div.checklist-popup div { div.checklist-popup div {