💄 style: Update fullscreen loading style (#3948)

* 💄 style: Update fullscreen loading style * fix * 💄 style: Update loading style
lobehub · Sep 15, 2024 · aec21d2 · aec21d2
1 parent 31eb54d
commit aec21d2
Showing 1 changed file with 4 additions and 8 deletions.
diff --git a/src/components/FullscreenLoading/index.tsx b/src/components/FullscreenLoading/index.tsx
@@ -7,15 +7,11 @@ import { ProductLogo } from '@/components/Branding';
 
 const FullscreenLoading = memo<{ title?: string }>(({ title }) => {
   return (
-    <Flexbox height={'100%'} style={{ userSelect: 'none' }} width={'100%'}>
-      <Center flex={1} gap={12} width={'100%'}>
+    <Flexbox height={'100%'} style={{ position: 'relative', userSelect: 'none' }} width={'100%'}>
+      <Center flex={1} gap={16} width={'100%'}>
         <ProductLogo size={48} type={'combine'} />
-        <Center
-          gap={16}
-          horizontal
-          style={{ fontSize: '16px', lineHeight: '1.5', marginTop: '2%' }}
-        >
-          <Icon icon={Loader2} spin style={{ fontSize: '16px' }} />
+        <Center gap={12} horizontal style={{ fontSize: 15, lineHeight: 1.5, opacity: 0.66 }}>
+          <Icon icon={Loader2} size={{ fontSize: 16 }} spin />
           {title}
         </Center>
       </Center>