update

src/components/Common/KilnInfo/Kiln.jsx

@@ -16,7 +16,9 @@ export default function Kiln() {
       <div className={cls.leftBar__top__content}>
         {infos.map((item) => (
           <div key={item.label} className={cls.info__item}>
-            {item.label}: {item.value}
+            <span className={cls.label}>{item.label}</span>
+            <span className={cls.value}>{item.value}</span>
+            {/* {item.label}: {item.value} */}
           </div>
         ))}
       </div>

src/components/Common/KilnInfo/kiln.module.scss

@@ -24,6 +24,19 @@
 			line-height: 40px;
 			text-align: center;
 			user-select: none;
+			display: flex;
+			align-items: center;
+			gap: 12px;
+
+			.label {
+				flex: 6;
+				text-align: right;
+			}
+			
+			.value {
+				flex: 4;
+				text-align: left;
+			}
 		}
 	}
 }