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:
Andy Oknen 2025-08-15 19:52:07 +00:00
parent 82b681367e
commit eeae6ee5cd
3 changed files with 8 additions and 16 deletions

View file

@ -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

View file

@ -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>

View file

@ -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) {