feat: add some css to the HTML format report (#99)

wjsvec · web-flow · commit 7ff05a862ee4 · 2023-06-21T09:38:31.000+08:00
feat: add some css to the HTML format report
diff --git a/pkg/runner/data/html.html b/pkg/runner/data/html.html
@@ -16,6 +16,35 @@
     width: 100%;
     height: 60px;
     }
+    table {
+      border-collapse: collapse;
+      width: 100%;
+    }
+    
+    caption {
+      font-size: 1.2em;
+      font-weight: bold;
+      padding: 8px;
+      background-color: #46723d48;
+    }
+    
+    th, td {
+      padding: 8px;
+      text-align: left;
+      border-bottom: 1px solid #ddd;
+    }
+    
+    th {
+      background-color: #f9f9f9;
+    }
+    
+    tr:nth-child(even) {
+      background-color: #f5f5f5;
+    }
+    
+    tr:hover {
+      background-color: #f9f9f9;
+    }
     </style>
 </head>
 <body>
diff --git a/pkg/runner/testdata/report.html b/pkg/runner/testdata/report.html
@@ -16,6 +16,35 @@
     width: 100%;
     height: 60px;
     }
+    table {
+      border-collapse: collapse;
+      width: 100%;
+    }
+    
+    caption {
+      font-size: 1.2em;
+      font-weight: bold;
+      padding: 8px;
+      background-color: #46723d48;
+    }
+    
+    th, td {
+      padding: 8px;
+      text-align: left;
+      border-bottom: 1px solid #ddd;
+    }
+    
+    th {
+      background-color: #f9f9f9;
+    }
+    
+    tr:nth-child(even) {
+      background-color: #f5f5f5;
+    }
+    
+    tr:hover {
+      background-color: #f9f9f9;
+    }
     </style>
 </head>
 <body>
