v0.26.0

src/admin/web/style.css

@@ -8198,4 +8198,84 @@ button.config-history-day.is-selected {
         align-items: flex-start;
         flex-direction: column;
     }
+}
+
+.file-logs-workspace {
+    display: grid;
+    gap: 14px;
+}
+
+.file-logs-filter {
+    display: grid;
+    grid-template-columns: repeat(7, minmax(120px, 1fr));
+    gap: 10px;
+    align-items: end;
+}
+
+.file-logs-filter label {
+    min-width: 0;
+}
+
+.file-logs-filter .file-log-search {
+    grid-column: span 2;
+}
+
+.file-logs-table {
+    max-height: 52vh;
+}
+
+.file-logs-table tbody tr {
+    cursor: pointer;
+}
+
+.file-logs-table td {
+    max-width: 340px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+.file-logs-pager {
+    display: flex;
+    justify-content: flex-end;
+    gap: 8px;
+}
+
+.file-log-detail-card pre {
+    max-height: 32vh;
+    overflow: auto;
+    white-space: pre-wrap;
+    overflow-wrap: anywhere;
+}
+
+.file-logs-launcher {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 16px;
+}
+
+.file-log-inventory {
+    overflow-wrap: anywhere;
+}
+
+@media (max-width: 1100px) {
+    .file-logs-filter {
+        grid-template-columns: repeat(3, minmax(140px, 1fr));
+    }
+}
+
+@media (max-width: 700px) {
+    .file-logs-filter {
+        grid-template-columns: 1fr;
+    }
+
+    .file-logs-filter .file-log-search {
+        grid-column: auto;
+    }
+
+    .file-logs-launcher {
+        align-items: stretch;
+        flex-direction: column;
+    }
 }