Adjust loader position

MetaMask · Jul 9, 2024 · 6cbd3d7 · 6cbd3d7
1 parent b99812e
commit 6cbd3d7
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 3 deletions.
diff --git a/ui/components/app/snaps/snap-home-page/snap-home-renderer.js b/ui/components/app/snaps/snap-home-page/snap-home-renderer.js
@@ -11,7 +11,10 @@ import {
 } from '../../../../selectors';
 import { SnapDelineator } from '../snap-delineator';
 import { DelineatorType } from '../../../../helpers/constants/snaps';
-import { TextVariant } from '../../../../helpers/constants/design-system';
+import {
+  BlockSize,
+  TextVariant,
+} from '../../../../helpers/constants/design-system';
 import { Copyable } from '../copyable';
 import { useI18nContext } from '../../../../hooks/useI18nContext';
 import { deleteInterface } from '../../../../store/actions';
@@ -61,7 +64,7 @@ export const SnapHomeRenderer = ({ snapId }) => {
   }, [unapprovedTemplatedConfirmations, unapprovedConfirmations, history]);
 
   return (
-    <Box>
+    <Box height={BlockSize.Full}>
       {error && (
         <SnapDelineator snapName={snapName} type={DelineatorType.Error}>
           <Text variant={TextVariant.bodySm} marginBottom={4}>

diff --git a/ui/components/app/snaps/snap-ui-renderer/snap-ui-renderer.js b/ui/components/app/snaps/snap-ui-renderer/snap-ui-renderer.js
@@ -12,6 +12,7 @@ import PulseLoader from '../../../ui/pulse-loader';
 import {
   AlignItems,
   BlockSize,
+  Display,
   JustifyContent,
 } from '../../../../helpers/constants/design-system';
 import { mapToTemplate } from './utils';
@@ -50,6 +51,7 @@ const SnapUIRendererComponent = ({
   if (isLoading || !content) {
     return (
       <Box
+        display={Display.Flex}
         justifyContent={JustifyContent.center}
         alignItems={AlignItems.center}
         height={BlockSize.Full}

diff --git a/ui/pages/snaps/snap-view/snap-home.js b/ui/pages/snaps/snap-view/snap-home.js
@@ -3,10 +3,11 @@ import PropTypes from 'prop-types';
 
 import { SnapHomeRenderer } from '../../../components/app/snaps/snap-home-page/snap-home-renderer';
 import { Box } from '../../../components/component-library';
+import { BlockSize } from '../../../helpers/constants/design-system';
 
 function SnapHome({ snapId }) {
   return (
-    <Box>
+    <Box height={BlockSize.Full}>
       <SnapHomeRenderer snapId={snapId} />
     </Box>
   );