adjust spans column width

crabnebula-dev · Jan 30, 2024 · bd842f9 · bd842f9
1 parent a98f243
commit bd842f9
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/clients/web/src/components/navigation.tsx b/clients/web/src/components/navigation.tsx
@@ -30,7 +30,7 @@ export function Navigation() {
   const { monitorData } = useMonitor();
   return (
     <nav>
-      <ul class="flex border-b flex-start border-b-slate-900">
+      <ul class="flex flex-start">
         <For each={TABS}>
           {(tab) => (
             <Show

diff --git a/clients/web/src/components/span/span-list.tsx b/clients/web/src/components/span/span-list.tsx
@@ -87,6 +87,7 @@ export function SpanList() {
         <tr class="text-left">
           <For each={columns}>
             {(column) => {
+              console.log(column);
               return (
                 <th
                   tabIndex="0"
@@ -96,7 +97,13 @@ export function SpanList() {
                     }
                   }}
                   onClick={() => column.isSortable && sortColumn(column.name)}
-                  class="p-1 cursor-pointer hover:bg-[#ffffff09]"
+                  class={`p-1 cursor-pointer hover:bg-[#ffffff09] ${
+                    column.name === "time" || column.name === "initiated"
+                      ? "w-2/12" // time and initiated
+                      : column.name === "name"
+                      ? "w-3/12" // name
+                      : "w-5/12" // waterfall
+                  }`}
                 >
                   <div class="flex uppercase select-none items-center gap-2">
                     {column.name}