starting to be usable.

This commit is contained in:
Kalzu Rekku
2025-06-12 23:12:19 +03:00
parent 4e31fe7cce
commit a1f4fc556b
8 changed files with 263 additions and 153 deletions

View File

@ -38,10 +38,10 @@ body {
border-radius: 8px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
margin-bottom: 20px;
width: 80vw;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
width: 80vw; /* Keep this fixed width for the header */
max-width: 1200px; /* Keep this max-width for the header */
margin-left: auto; /* Center the header */
margin-right: auto; /* Center the header */
}
h1 {
@ -65,17 +65,18 @@ code {
}
#node-grid-container, #log-table-container {
width: 95vw;
max-width: 1600px;
min-width: 400px;
/* Adjusted width/max-width to allow dynamic resizing and scrolling */
width: 95vw; /* Allow it to take up to 95% of viewport width */
max-width: 1800px; /* Increased max-width to accommodate more columns */
min-width: 400px; /* Keep a minimum width */
padding: 20px;
background-color: var(--nord3);
border-radius: 8px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
overflow-x: auto;
margin-bottom: 20px; /* Spacing below the container */
margin-left: auto; /* Center the block */
margin-right: auto; /* Center the block */
overflow-x: auto; /* Enable horizontal scrolling if content overflows */
}
.connection-grid {
@ -263,7 +264,7 @@ code {
color: var(--nord11); /* Red */
}
.log-level-debug { /* Added for potential debug logs */
.log-level-debug {
color: var(--nord9); /* Blue */
}