Merge branch 'main' of http://18.167.251.121:10003/aidlab/FiDA_Front

src/assets/css/style.css

@@ -1,12 +1,18 @@
 body,
 html,
-p,
+div,
 ul,
-ol,
-li {
+li,
+h1,
+h2,
+h3,
+p {
   margin: 0;
   padding: 0;
 }
+* {
+  box-sizing: border-box;
+}
 html,
 body,
 #app {
@@ -22,28 +28,8 @@ body,
     transform: rotate(360deg);
   }
 }
-.flex {
-  display: flex;
-}
-.flex-col {
-  flex-direction: column;
-}
-.flex-1 {
-  flex: 1;
-}
-.flex-center {
-  align-items: center;
-  justify-content: center;
-}
-.flex-between {
-  justify-content: space-between;
-}
-.align-center {
-  align-items: center;
-}
-.relative {
-  position: relative;
-}
-.absolute {
-  position: absolute;
+.background-pink {
+  background-color: #f8f7f5;
+  background-image: url('@/assets/images/home-bg.png');
+  background-size: 100% 100%;
 }

src/assets/css/style.less

@@ -1,17 +1,40 @@
+body,
+html,
+div,
+ul,
+li,
+h1,
+h2,
+h3,
+p {
+	margin: 0;
+	padding: 0;
+}
+
+* {
+	box-sizing: border-box;
+}
+
 html,
 body,
 #app {
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
+	width: 100%;
+	height: 100%;
+	overflow: hidden;
 }
 
 @keyframes loading {
-  0% {
-    transform: rotate(0deg);
-  }
+	0% {
+		transform: rotate(0deg);
+	}
 
-  100% {
-    transform: rotate(360deg);
-  }
+	100% {
+		transform: rotate(360deg);
+	}
 }
+
+.background-pink {
+	background-color: rgba(248, 247, 245, 1);
+	background-image: url('@/assets/images/home-bg.png');
+	background-size: 100% 100%;
+}

src/assets/icons/arrow-left.svg

@@ -0,0 +1,3 @@
+<svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M24.5424 6.70765C25.1525 7.31784 25.1525 8.30716 24.5424 8.91735L14.7097 18.75L24.5424 28.5826C25.1525 29.1928 25.1525 30.1822 24.5424 30.7924C23.9322 31.4025 22.9428 31.4025 22.3326 30.7924L11.3951 19.8549C10.785 19.2447 10.785 18.2553 11.3951 17.6451L22.3326 6.70765C22.9428 6.09745 23.9322 6.09745 24.5424 6.70765Z" fill="#232323"/>
+</svg>