prettier

Change-Id: I55b867a9e6de42fced72b48cfdb30c7b9c0bd4d8

Author: andi34

admin/capturetest/index.php

@@ -23,9 +23,18 @@
 include PathUtility::getAbsolutePath('admin/helper/index.php');
 
 ?>
+    <style>
+        .log-level {
+            font-weight: bold;
+            padding: 2px 6px;
+            border-radius: 3px;
+        }
+        .log-level.debug { background-color: #e7f4fa; color: #0074d9; }
+        .log-level.info { background-color: #e7f9e7; color: #2e8b57; }
+        .log-level.error { background-color: #f9e7e7; color: #d9534f; }
+    </style>
 <div class="w-full h-full grid place-items-center fixed bg-brand-1 overflow-x-hidden overflow-y-auto">
     <div class="w-full flex items-center justify-center flex-col px-6 py-12">
-
         <div class="w-full max-w-xl h-144 rounded-lg p-4 md:p-8 bg-white flex flex-col shadow-xl">
             <div class="w-full flex items-center pb-3 mb-3 border-b border-solid border-gray-200">
                 <a href="<?=PathUtility::getPublicPath('admin')?>" class="h-4 mr-4 flex items-center justify-center border-r border-solid border-black border-opacity-20 pr-3">
@@ -54,18 +63,20 @@
         $message = htmlspecialchars($log['message']);
         $context = htmlspecialchars(json_encode($log['context'], JSON_PRETTY_PRINT));
 
-        echo '<div class="log-entry">
-            <div class="log-level ' . $level . '">' . strtoupper($level) . '</div>
-            <div class="log-message">' . $message . '</div>
-            <div class="log-context"><pre>' . $context . '</pre></div>
+        echo '<div class="w-full max-w-xl flex flex-1 flex-col py-5 px-5 overflow-x-auto">
+            <div class="log-level ' . $level . '"><span class="flex text-sm mt-2">' . strtoupper($level) . '</span></div>
+            <div class="log-message"><span class="flex font-bold mt-2">' . $message . '</span></div>
+            <div class="log-context px-5 py-5 overflow-x-auto">
+                <pre>' . $context . '</pre>
+            </div>
           </div>';
     }
+    echo '<hr>';
     $test->logData = [];
 }
 
 ?>
         </div>
-
     </div>
 </div>