From 1dee68b65d0a93ebd96efdbe03c06c46f857a5e6 Mon Sep 17 00:00:00 2001
From: ilnaz <237x237@gmail.com>
Date: Sat, 11 Jan 2025 22:43:55 +0300
Subject: [PATCH] fix: place the spinner in the center

---
 src/pages/arm/index.tsx | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/pages/arm/index.tsx b/src/pages/arm/index.tsx
index ee1ed04..6c1a376 100644
--- a/src/pages/arm/index.tsx
+++ b/src/pages/arm/index.tsx
@@ -1,12 +1,11 @@
 import React, { useEffect, useState } from 'react';
 import { useNavigate } from 'react-router-dom';
-import { AbsoluteCenter, Spinner } from '@chakra-ui/react';
+import { AbsoluteCenter, Box, Spinner } from '@chakra-ui/react';
 
 import LayoutArm from '../../components/LayoutArm';
 import authLogin from '../../keycloak';
 import { URLs } from '../../__data__/urls';
 
-
 const Page = () => {
   const [user, setUser] = useState(null);
 
@@ -20,9 +19,11 @@ const Page = () => {
 
   if (!user)
     return (
-      <AbsoluteCenter>
-        <Spinner />
-      </AbsoluteCenter>
+      <Box position='relative' height='100vh'>
+        <AbsoluteCenter>
+          <Spinner />
+        </AbsoluteCenter>
+      </Box>
     );
 
   return <LayoutArm />;