fix: loading class

Signed-off-by: Innei <[email protected]>

Author: Innei

src/app/notes/[id]/loading.tsx

@@ -1,3 +1,3 @@
 import { Loading } from '~/components/ui/loading'
 
-export default () => <Loading useDefaultLoadingText className="my-12" />
+export default () => <Loading useDefaultLoadingText />

src/app/notes/[id]/page.tsx

@@ -37,7 +37,7 @@ const PageImpl = () => {
   }, [note?.nid, note?.title, note?.topic?.name])
 
   if (!note) {
-    return <Loading useDefaultLoadingText className="my-12" />
+    return <Loading useDefaultLoadingText />
   }
 
   // const mardownResult = parseMarkdown(note.text ?? '')

src/app/notes/page.tsx

@@ -40,7 +40,7 @@ export default () => {
 
   return (
     <Paper>
-      <Loading useDefaultLoadingText className="mt-12" />
+      <Loading useDefaultLoadingText />
     </Paper>
   )
 }

src/components/common/PageHolder.tsx

@@ -3,7 +3,7 @@ import type { FC } from 'react'
 
 import { Loading } from '~/components/ui/loading'
 
-const LoadingComponent = () => <Loading className="mt-20" />
+const LoadingComponent = () => <Loading useDefaultLoadingText />
 export const PageDataHolder = (
   PageImpl: FC<any>,
   useQuery: () => UseQueryResult<any>,

src/components/ui/loading/index.tsx

@@ -18,7 +18,10 @@ export const Loading: Component<LoadingProps> = ({
     : loadingText
   return (
     <div
-      className={clsxm('flex flex-col items-center justify-start', className)}
+      className={clsxm(
+        'my-20 flex flex-col items-center justify-start',
+        className,
+      )}
     >
       <span className="loading loading-ball loading-lg" />
       {!!nextLoadingText && (

src/components/widgets/note/NoteTopicInfo.tsx

@@ -76,7 +76,7 @@ const InnerTopicDetail: FC<{ topic: TopicModel }> = (props) => {
 
       <Divider />
       {isLoading ? (
-        <Loading />
+        <Loading className="my-4" />
       ) : (
         data?.data[0] && (
           <p className="flex items-center">