chore(app): UI improvements for runs history step slider

wandb · Feb 26, 2025 · 2979b0f · 2979b0f
1 parent 50c7cce
commit 2979b0f
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 3 deletions.
diff --git a/weave-js/src/components/Panel2/PanelRunHistoryTablesStepper/index.tsx b/weave-js/src/components/Panel2/PanelRunHistoryTablesStepper/index.tsx
@@ -218,14 +218,15 @@ const PanelRunHistoryTablesStepper: React.FC<
           {steps.length > 0 && (
             <div
               style={{
-                padding: '2px',
-                height: '1.7em',
+                padding: '8px',
                 borderTop: '1px solid #ddd',
                 backgroundColor: '#f8f8f8',
                 display: 'flex',
                 justifyContent: 'center',
                 alignItems: 'center',
+                marginTop: '8px',
               }}>
+              Step:{' '}
               <SliderInput
                 min={steps[0]}
                 max={steps[steps.length - 1]}

diff --git a/weave-js/src/components/Panel2/PanelTable/PanelTable.tsx b/weave-js/src/components/Panel2/PanelTable/PanelTable.tsx
@@ -153,7 +153,20 @@ export const PanelTable: React.FC<
   if (typedInputNodeUse.loading) {
     return <Panel2Loader />;
   } else if (typedInputNode && isAssignableTo(typedInputNode.type, 'none')) {
-    return <div>-</div>;
+    return (
+      <div
+        style={{
+          height: '100%',
+          width: '100%',
+          display: 'flex',
+          alignItems: 'center',
+          justifyContent: 'center',
+          color: '#666',
+          fontSize: '14px',
+        }}>
+        No items to display
+      </div>
+    );
   } else if (!nodeIsValidList(typedInputNode)) {
     console.warn(
       'PanelTable returning empty state because of Invalid input type: ',