chore(ui): improve markdown table design (#5564)

kestra-io · Oct 22, 2024 · 25e86a1 · 25e86a1
1 parent 6ecf64d
commit 25e86a1
Showing 1 changed file with 11 additions and 10 deletions.
diff --git a/ui/src/components/layout/Markdown.vue b/ui/src/components/layout/Markdown.vue
@@ -67,17 +67,9 @@
             color: var(--bs-body-color);
         }
 
-        table {
-            background-color: var(--bs-white);
-            html.dark & {
-                background-color: var(--bs-gray-500);
-            }
-        }
-
         table,
-        th,
-        td {
-            border: 1px solid var(--bs-border-color);
+        th {
+            border-bottom: 2px solid var(--bs-border-color);
         }
 
         th,
@@ -167,6 +159,15 @@
                     opacity: 1;
                 }
             }
+            padding: 5px ;
+            border-left: 4px solid var(--bs-border-color);
+        }
+
+        td > code,
+        p > code{
+            border-radius: var(--bs-border-radius-sm);
+            border: 1px solid var(--bs-border-color);
+            color: var(--bs-body-color);
         }
 
         h3, h4, h5 {