Fix EmptyView styling

2024-04-29 16:21:43 +02:00
parent 93e95c0a8f
commit 0f16429c14
2 changed files with 14 additions and 1 deletions
--- a/src/components/util/EmptyViewAbsoluteCentered.tsx
+++ b/src/components/util/EmptyViewAbsoluteCentered.tsx
@@ -9,7 +9,19 @@
 import { EmptyView, EmptyViewProps } from '@/components/util/EmptyView.tsx';

 export function EmptyViewAbsoluteCentered({ sx, ...emptyViewProps }: EmptyViewProps) {
-    return <EmptyView {...emptyViewProps} sx={{ position: 'absolute', width: '100%', height: '100%', ...sx }} />;
+    return (
+        <EmptyView
+            {...emptyViewProps}
+            sx={{
+                position: 'absolute',
+                height: undefined,
+                top: '50%',
+                left: '50%',
+                transform: 'translate(-50%, -50%)',
+                ...sx,
+            }}
+        />
+    );
 }

 EmptyViewAbsoluteCentered.defaultProps = {