Merge pull request #176 from kitcc-org/171-fix-loading-overlay

LoadingOverlayが画面全体にかかるようにした
kitcc-org · Dec 10, 2024 · 3f7e4c0 · 3f7e4c0
2 parents e04c767 + 9503dd8
commit 3f7e4c0
Showing 1 changed file with 8 additions and 5 deletions.
diff --git a/frontend/app/root.tsx b/frontend/app/root.tsx
@@ -1,4 +1,5 @@
 import {
+	Box,
 	ColorSchemeScript,
 	LoadingOverlay,
 	MantineProvider,
@@ -62,11 +63,13 @@ export default function App() {
 
 	return (
 		<>
-			<LoadingOverlay
-				visible={navigation.state !== 'idle'}
-				overlayProps={{ radius: 'sm', blur: 1 }}
-			/>
-			<Outlet />
+			<Box pos="relative">
+				<LoadingOverlay
+					visible={navigation.state !== 'idle'}
+					overlayProps={{ radius: 'sm', blur: 1 }}
+				/>
+				<Outlet />
+			</Box>
 		</>
 	);
 }