mirror of
https://github.com/yggdrasil-network/yggdrasil-go.git
synced 2025-08-24 16:05:07 +03:00
Refactor node version display logic to ensure proper formatting only when both build name and version are available. Update CSS styles for login container and footer margins for improved layout consistency.
This commit is contained in:
parent
82b681367e
commit
eeae6ee5cd
3 changed files with 8 additions and 16 deletions
|
@ -68,7 +68,7 @@ function updateNodeInfoDisplay(info) {
|
||||||
updateElementText('node-address', info.address || 'N/A');
|
updateElementText('node-address', info.address || 'N/A');
|
||||||
updateElementText('node-subnet', info.subnet || 'N/A');
|
updateElementText('node-subnet', info.subnet || 'N/A');
|
||||||
updateElementText('node-key', yggUtils.formatPublicKey(info.key) || 'N/A');
|
updateElementText('node-key', yggUtils.formatPublicKey(info.key) || 'N/A');
|
||||||
updateElementText('node-version', `${info.build_name} ${info.build_version}` || 'N/A');
|
updateElementText('node-version', info.build_name && info.build_version ? `${info.build_name} ${info.build_version}` : 'N/A');
|
||||||
updateElementText('routing-entries', info.routing_entries || '0');
|
updateElementText('routing-entries', info.routing_entries || '0');
|
||||||
|
|
||||||
// Update footer version
|
// Update footer version
|
||||||
|
|
|
@ -24,6 +24,8 @@
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.login-form {
|
.login-form {
|
||||||
|
@ -128,11 +130,6 @@
|
||||||
right: 20px;
|
right: 20px;
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
}
|
}
|
||||||
|
|
||||||
.login-container {
|
|
||||||
position: relative;
|
|
||||||
z-index: 1;
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
|
|
|
@ -812,7 +812,7 @@ footer {
|
||||||
.mobile-controls {
|
.mobile-controls {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
margin: 0px 0px 20px 0px;
|
margin: 0 0 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
footer {
|
footer {
|
||||||
|
@ -1285,9 +1285,7 @@ button[onclick="copyNodeKey()"]:hover {
|
||||||
border-color: var(--border-hover);
|
border-color: var(--border-hover);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Responsive design for peer items */
|
|
||||||
@media (max-width: 768px) {
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ======================== */
|
/* ======================== */
|
||||||
/* MODAL SYSTEM */
|
/* MODAL SYSTEM */
|
||||||
|
@ -1394,7 +1392,7 @@ button[onclick="copyNodeKey()"]:hover {
|
||||||
}
|
}
|
||||||
|
|
||||||
.modal-content p {
|
.modal-content p {
|
||||||
margin: 0 0 16px 0;
|
margin: 0 0 16px;
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -1561,7 +1559,7 @@ button[onclick="copyNodeKey()"]:hover {
|
||||||
}
|
}
|
||||||
|
|
||||||
.config-info h3 {
|
.config-info h3 {
|
||||||
margin: 0 0 10px 0;
|
margin: 0 0 10px;
|
||||||
color: var(--text-heading);
|
color: var(--text-heading);
|
||||||
font-size: 1.5em;
|
font-size: 1.5em;
|
||||||
}
|
}
|
||||||
|
@ -2050,10 +2048,7 @@ input:checked + .slider:before {
|
||||||
transform: translateY(-1px);
|
transform: translateY(-1px);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* JSON Syntax highlighting (basic) */
|
|
||||||
.json-editor {
|
|
||||||
color: var(--text-body);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Mobile responsiveness for JSON editor */
|
/* Mobile responsiveness for JSON editor */
|
||||||
@media (max-width: 768px) {
|
@media (max-width: 768px) {
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue