fix: change styles

yamada-ui · Jun 6, 2023 · 54f1aa9 · 54f1aa9
1 parent ae7c66d
commit 54f1aa9
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 6 deletions.
diff --git a/.changeset/tasty-sheep-ring.md b/.changeset/tasty-sheep-ring.md
@@ -0,0 +1,7 @@
+---
+'@yamada-ui/dropzone': patch
+'@yamada-ui/alert': patch
+'@yamada-ui/providers': patch
+---
+
+The styles have been adjusted due to changes in the icons provided by `@yamada-ui/loading`.
diff --git a/packages/components/alert/src/alert.tsx b/packages/components/alert/src/alert.tsx
@@ -81,8 +81,7 @@ export const AlertIcon = ({ className, children, variant = 'oval', ...rest }: Al
     <ui.span display='inherit' className={cx('ui-alert-icon', className)} __css={css} {...rest}>
       {children || (
         <Icon
-          boxSize='100%'
-          {...(status === 'loading' ? { variant, color: 'currentcolor' } : {})}
+          {...(status === 'loading' ? { variant, color: 'currentcolor' } : { boxSize: '100%' })}
         />
       )}
     </ui.span>

diff --git a/packages/components/dropzone/src/dropzone.tsx b/packages/components/dropzone/src/dropzone.tsx
@@ -161,7 +161,7 @@ const LoadingOverlay: FC<LoadingOverlayProps> = ({ loadingProps, ...rest }) => {
 
   return (
     <Fade isOpen={isLoading} unmountOnExit className='ui-dropzone-overlay' __css={css} {...rest}>
-      <Loading className='ui-dropzone-loading' size='8' {...loadingProps} />
+      <Loading className='ui-dropzone-loading' size='4xl' {...loadingProps} />
     </Fade>
   )
 }

diff --git a/packages/providers/src/loading-provider.tsx b/packages/providers/src/loading-provider.tsx
@@ -560,7 +560,7 @@ const LoadingScreenComponent = memo(
         __css={getOverlayStyle()}
       >
         <ui.div __css={css}>
-          <Loading size='6xs' {...icon} />
+          <Loading size='6xl' {...icon} />
           {message ? (
             isValidElement(message) ? (
               message
@@ -608,7 +608,7 @@ const LoadingPageComponent = memo(
           {...getMotionProps(initialState, 'scaleFade')}
           __css={css}
         >
-          <Loading size='6xs' {...icon} />
+          <Loading size='6xl' {...icon} />
           {message ? (
             isValidElement(message) ? (
               message
@@ -653,7 +653,7 @@ const LoadingBackgroundComponent = memo(
         {...getMotionProps(initialState, 'scaleFade')}
         __css={css}
       >
-        <Loading size='1.2rem' {...icon} />
+        <Loading size='xl' {...icon} />
         {message ? (
           isValidElement(message) ? (
             message