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

src/assets/css/style.css

@@ -107,13 +107,42 @@ body,
   --mosaic-bg-size: 1rem;
   --mosaic-bg-color1: #efefef;
   --mosaic-bg-color2: #fff;
-  background-image: repeating-conic-gradient(var(--mosaic-bg-color1) 0% 25%, var(--mosaic-bg-color2) 0% 50%);
+  background-image: repeating-conic-gradient(
+    var(--mosaic-bg-color1) 0% 25%,
+    var(--mosaic-bg-color2) 0% 50%
+  );
   background-repeat: repeat;
   background-position: 50% 50%;
   background-size: var(--mosaic-bg-size) var(--mosaic-bg-size);
 }
+
+.flex {
+  display: flex;
+}
+.flex-center {
+  justify-content: center;
+  align-items: center;
+}
+.flex-1 {
+  flex: 1;
+}
+.flex-col {
+  flex-direction: column;
+}
+.align-center {
+  align-items: center;
+}
+.space-between {
+  justify-content: space-between;
+}
+.justify-center {
+  justify-content: center;
+}
+.relative {
+  position: relative;
+}
 button[custom],
-button[custom="white"] {
+button[custom='white'] {
   min-width: 19.4rem;
   height: 5rem;
   padding: 0 1rem;
@@ -126,11 +155,11 @@ button[custom="white"] {
   cursor: pointer;
 }
 button[custom]:active,
-button[custom="white"]:active {
+button[custom='white']:active {
   background: var(--button-click-bgcolor, #e4e4e4);
   color: var(--button-click-color, #232323);
 }
-button[custom="black"] {
+button[custom='black'] {
   --button-bgcolor: #232323;
   --button-color: #fff;
   --button-click-bgcolor: #333;

src/assets/icons/ThumbEdit.svg

@@ -0,0 +1,5 @@
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="15" cy="15" r="14.5" fill="#232323" stroke="white"/>
+<path d="M8.18359 19.5693V22.3285H11.8137C12.056 22.3285 12.2879 22.2298 12.4559 22.055L22.7247 11.3755C23.061 11.0257 23.0556 10.4711 22.7125 10.128L20.4083 7.82384C20.0557 7.47124 19.4824 7.47665 19.1365 7.83584L8.43278 18.9513C8.27291 19.1173 8.18359 19.3388 8.18359 19.5693Z" stroke="white" stroke-width="0.89098" stroke-linecap="round"/>
+<path d="M17.9883 8.96387L21.5522 12.5278" stroke="white" stroke-width="0.89098" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>