diff --git a/client/src/components/design-elements/Fallback.tsx b/client/src/components/design-elements/Fallback.tsx index 0f5226352..c32e581c0 100644 --- a/client/src/components/design-elements/Fallback.tsx +++ b/client/src/components/design-elements/Fallback.tsx @@ -1,4 +1,3 @@ -import Box from "@mui/material/Box"; import Stack from "@mui/material/Stack"; import SkeletonCard from "@/components/design-elements/SkeletonCard"; import Typography from "@mui/material/Typography"; @@ -32,7 +31,7 @@ export const BaseFallback: React.FC = ({ lg: "50%", xl: "40%", }} - padding={{ xs: theme.spacing(4), md: theme.spacing(16) }} + padding={{ xs: theme.spacing(8), md: theme.spacing(16) }} bgcolor={theme.palette.primary.main} border={1} borderColor={theme.palette.primary.lowContrast} @@ -42,14 +41,7 @@ export const BaseFallback: React.FC = ({ }} {...props} > - - - + {children} ); diff --git a/client/src/components/design-elements/SkeletonCard.tsx b/client/src/components/design-elements/SkeletonCard.tsx index 70aebbaf1..d7feb9eee 100644 --- a/client/src/components/design-elements/SkeletonCard.tsx +++ b/client/src/components/design-elements/SkeletonCard.tsx @@ -12,7 +12,7 @@ interface SkeletonCardProps { * Default size is 60% of original design */ const SkeletonCard: React.FC = ({ - width = "100%", + width = 216, showHalo = true, }) => { const theme = useTheme(); @@ -66,7 +66,7 @@ const SkeletonCard: React.FC = ({ }; return ( - + {showHalo && ( { return (