From 2c09a914ca17da5c5d048acf81c4fefce4f77ffa Mon Sep 17 00:00:00 2001
From: FatttSnake <fatttsnake@gmail.com>
Date: Fri, 8 Sep 2023 09:39:37 +0800
Subject: [PATCH] Fix unique id warning

---
 src/assets/css/common.scss       | 6 +++---
 src/components/FitCenter.tsx     | 2 +-
 src/components/FitFullScreen.tsx | 2 +-
 src/components/LoadingMask.tsx   | 2 +-
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/assets/css/common.scss b/src/assets/css/common.scss
index c161ddb..ff7aaaf 100644
--- a/src/assets/css/common.scss
+++ b/src/assets/css/common.scss
@@ -104,7 +104,7 @@ $font-secondary-color: #9E9E9E;
   }
 }
 
-#loading-mask {
+.loading-mask {
   position: absolute;
   display: flex;
   justify-content: center;
@@ -115,13 +115,13 @@ $font-secondary-color: #9E9E9E;
   background-color: rgba(200, 200, 200, 0.2);
 }
 
-#fit-fullscreen {
+.fit-fullscreen {
   position: relative;
   width: 100%;
   height: 100vh;
 }
 
-#fit-center {
+.fit-center {
   display: flex;
   justify-content: center;
   align-items: center;
diff --git a/src/components/FitCenter.tsx b/src/components/FitCenter.tsx
index 15bee2c..3cd08bd 100644
--- a/src/components/FitCenter.tsx
+++ b/src/components/FitCenter.tsx
@@ -3,7 +3,7 @@ import React from 'react'
 const FitCenter: React.FC<PropsWithChildren> = (props: PropsWithChildren) => {
     return (
         <>
-            <div id={'fit-center'}>{props.children}</div>
+            <div className={'fit-center'}>{props.children}</div>
         </>
     )
 }
diff --git a/src/components/FitFullScreen.tsx b/src/components/FitFullScreen.tsx
index 5a6d7bb..edacf9a 100644
--- a/src/components/FitFullScreen.tsx
+++ b/src/components/FitFullScreen.tsx
@@ -4,7 +4,7 @@ const FitFullScreen: React.FC<FitFullscreenProps> = (props: FitFullscreenProps)
     return (
         <>
             <div
-                id={'fit-fullscreen'}
+                className={'fit-fullscreen'}
                 style={{
                     zIndex: props.zIndex,
                     backgroundColor: props.backgroundColor
diff --git a/src/components/LoadingMask.tsx b/src/components/LoadingMask.tsx
index 8675314..cde12a5 100644
--- a/src/components/LoadingMask.tsx
+++ b/src/components/LoadingMask.tsx
@@ -16,7 +16,7 @@ const LoadingMask: React.FC = () => {
     return (
         <>
             <FitFullScreen>
-                <div id={'loading-mask'}>
+                <div className={'loading-mask'}>
                     <AntdSpin indicator={loadingIcon} />
                 </div>
             </FitFullScreen>