Improving UI. Making instance urls clickable #244
This commit is contained in:
parent
027de4fc8c
commit
dfa5834b3c
|
@ -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');
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
Loading…
Reference in New Issue