add a fietsboek log view to the admin site

1 files changed, 34 insertions, 1 deletions

diff --git a/asset-sources/theme.scss b/asset-sources/theme.scss
index e8ed1a5..fbb836e 100644
--- a/asset-sources/theme.scss
+++ b/asset-sources/theme.scss
@@ -420,7 +420,10 @@ strong {
 #adminContainer {
   display: grid;
   grid-template-areas: "sidebar main";
-  grid-template-columns: 1fr 5fr;
+  /* Use minmax() to force fr to be an actual size, and not just split the
+   * "remaining size".
+   */
+  grid-template-columns: minmax(0px, 1fr) minmax(0px, 5fr);
   gap: 1rem;
 }
 
@@ -436,6 +439,36 @@ strong {
   font-size: 120%;
 }
 
+.logview {
+  background-color: white;
+  border-radius: 0.375rem;
+  padding: 0.375rem;
+}
+
+.logline {
+  font-family: monospace;
+
+  td {
+    padding-right: 1em;
+  }
+}
+
+.logline-debug {
+  color: #444;
+}
+
+.logline-info {
+  color: #00c;
+}
+
+.logline-warning {
+  color: #990;
+}
+
+.logline-error {
+  color: #c00;
+}
+
 .list-group.list-group-root {
   padding: 0;
   overflow: hidden;