Use small size for empty prompt body

Signed-off-by: Lin Wang <wonglam@amazon.com>
wanglam · Sep 2, 2024 · 5969e03 · 5969e03
1 parent b45369d
commit 5969e03
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 7 deletions.
diff --git a/public/components/monitoring/model_deployment_table.tsx b/public/components/monitoring/model_deployment_table.tsx
@@ -226,7 +226,7 @@ export const ModelDeploymentTable = ({
           <EuiEmptyPrompt
             style={{ maxWidth: 528 }}
             body={
-              <>
+              <EuiText size="s">
                 <EuiSpacer size="l" />
                 Deployed models will appear here. For more information, see{' '}
                 <EuiLink
@@ -239,7 +239,7 @@ export const ModelDeploymentTable = ({
                 </EuiLink>
                 .
                 <EuiSpacer size="xl" />
-              </>
+              </EuiText>
             }
             aria-label="no deployed models"
           />
@@ -256,22 +256,22 @@ export const ModelDeploymentTable = ({
               {loading ? (
                 <EuiEmptyPrompt
                   body={
-                    <>
+                    <EuiText size="s">
                       <EuiSpacer size="l" />
                       Loading deployed models...
                       <EuiSpacer size="xl" />
-                    </>
+                    </EuiText>
                   }
                   aria-label="loading models"
                 />
               ) : (
                 <EuiEmptyPrompt
                   title={<EuiSpacer size="s" />}
                   body={
-                    <>
+                    <EuiText size="s">
                       There are no results to your search. Reset the search criteria to view the
                       deployed models.
-                    </>
+                    </EuiText>
                   }
                   actions={
                     <>

diff --git a/public/components/preview_panel/nodes_table.tsx b/public/components/preview_panel/nodes_table.tsx
@@ -132,7 +132,12 @@ export function NodesTable(props: { nodes: INode[]; loading: boolean; nodesStatu
         onChange={handleTableChange}
         loading={loading}
         noItemsMessage={
-          loading ? <EuiEmptyPrompt body={<>Loading...</>} aria-label="loading nodes" /> : undefined
+          loading ? (
+            <EuiEmptyPrompt
+              body={<EuiText size="s">Loading...</EuiText>}
+              aria-label="loading nodes"
+            />
+          ) : undefined
         }
       />
     </>