not reload when visible

Signed-off-by: ale <ale@manalejandro.com>

public/main.css

@@ -571,6 +571,32 @@ input:checked + .slider:before {
     background: rgba(6, 182, 212, 0.1);
 }
 
+.log-line.reconnect-message {
+    border-left-color: var(--warning-color);
+    background: rgba(245, 158, 11, 0.15);
+    color: var(--warning-color);
+    font-style: italic;
+    text-align: center;
+    margin: var(--spacing-sm) 0;
+}
+
+.log-line.reconnect-message i {
+    margin-right: var(--spacing-xs);
+}
+
+.log-line.reconnect-success {
+    border-left-color: var(--success-color);
+    background: rgba(16, 185, 129, 0.15);
+    color: var(--success-color);
+    font-style: italic;
+    text-align: center;
+    margin: var(--spacing-sm) 0;
+}
+
+.log-line.reconnect-success i {
+    margin-right: var(--spacing-xs);
+}
+
 /* Loading states */
 .loading {
     display: flex;