syslog added

src/web/css/index.css

@@ -14,6 +14,7 @@ body {
 }
 
 .adminpanel {
+    position: relative;
     width: 100%;
     height: 100%;
     transform: scale(0.5);
@@ -25,3 +26,7 @@ body {
     transform: scale(1);
     opacity: 1;
 }
+
+.section {
+    position: relative;
+}

src/web/css/settings.css

@@ -66,10 +66,23 @@
   }
   
 .settingssection {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
   padding: 10px;
   display: flex;
   /* flex-direction: column; */
   gap: 10px;
+  transition: 0.3s;
+  opacity: 0;
+  pointer-events: none;
+}
+
+.settingssection.active {
+  opacity: 1;
+  pointer-events: all;
 }
 
 .settingrect {

src/web/css/syslog.css

@@ -0,0 +1,26 @@
+.syslogsection {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    opacity: 0;
+    pointer-events: none;
+    transition: 0.3s;
+    padding: 10px;
+}
+
+.syslogsection.active {
+    opacity: 1;
+    pointer-events: all;
+}
+
+.syslogdata {
+    width: 100%;
+    max-height: 85vh;
+    padding: 10px;
+    border-radius: 10px;
+    /* background-color: rgb(175, 175, 175); */
+    margin: 10px 0;
+    overflow-y: auto;
+}