fix(vscode): Add padding to overview page (#4253)

Add padding to overview page
Azure · Feb 23, 2024 · 5105754 · 5105754
1 parent 6587b5c
commit 5105754
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 19 deletions.
diff --git a/apps/vs-code-react/src/app/overview/app.tsx b/apps/vs-code-react/src/app/overview/app.tsx
@@ -2,6 +2,7 @@ import { QueryKeys } from '../../run-service';
 import type { RunDisplayItem } from '../../run-service';
 import type { RootState } from '../../state/store';
 import { VSCodeContext } from '../../webviewCommunication';
+import './overview.less';
 import { StandardRunService } from '@microsoft/designer-client-services-logic-apps';
 import type { CallbackInfo } from '@microsoft/designer-client-services-logic-apps';
 import { Overview, isRunError, mapToRunItem } from '@microsoft/designer-ui';
@@ -104,24 +105,26 @@ export const OverviewApp = () => {
   }, [error, runTriggerError]);
 
   return (
-    <Overview
-      corsNotice={workflowState.corsNotice}
-      errorMessage={errorMessage}
-      hasMoreRuns={hasNextPage}
-      loading={isLoading || runTriggerLoading}
-      runItems={runItems ?? []}
-      workflowProperties={workflowState.workflowProperties}
-      isRefreshing={isRefetching}
-      onLoadMoreRuns={fetchNextPage}
-      onLoadRuns={refetch}
-      onOpenRun={(run: RunDisplayItem) => {
-        vscode.postMessage({
-          command: ExtensionCommand.loadRun,
-          item: run,
-        });
-      }}
-      onRunTrigger={runTriggerCall}
-      onVerifyRunId={onVerifyRunId}
-    />
+    <div className="msla-overview">
+      <Overview
+        corsNotice={workflowState.corsNotice}
+        errorMessage={errorMessage}
+        hasMoreRuns={hasNextPage}
+        loading={isLoading || runTriggerLoading}
+        runItems={runItems ?? []}
+        workflowProperties={workflowState.workflowProperties}
+        isRefreshing={isRefetching}
+        onLoadMoreRuns={fetchNextPage}
+        onLoadRuns={refetch}
+        onOpenRun={(run: RunDisplayItem) => {
+          vscode.postMessage({
+            command: ExtensionCommand.loadRun,
+            item: run,
+          });
+        }}
+        onRunTrigger={runTriggerCall}
+        onVerifyRunId={onVerifyRunId}
+      />
+    </div>
   );
 };
diff --git a/apps/vs-code-react/src/app/overview/overview.less b/apps/vs-code-react/src/app/overview/overview.less
@@ -0,0 +1,4 @@
+.msla-overview {
+  height: 100vh;
+  padding: 0 20px;
+}