修改字体

src/page/device/connect-item/connect-item.jsx

@@ -40,8 +40,8 @@ function ConnectItem({ ipAddress, isConnected=false, selected=false, onRemove, o
   
   return (
     <div className="connect-item-container">
-      <div
-          className={`select-btn ${isSelected ? 'select-btn--selected' : ''}`}
+
+      <div className={`select-btn ${isSelected ? 'select-btn--selected' : ''}`}
           onClick={() => connectItemClassRef.current?.onSelect()}
           role="radio"
           aria-checked={isSelected}
@@ -57,6 +57,7 @@ function ConnectItem({ ipAddress, isConnected=false, selected=false, onRemove, o
             </svg>
           )}
       </div>
+      
       <div className="item-container">
         
         <div className="ip-address">{ipAddress}</div>
@@ -68,9 +69,7 @@ function ConnectItem({ ipAddress, isConnected=false, selected=false, onRemove, o
           <div className="preview-btn" onClick={() => connectItemClassRef.current?.onPreview()}>
             {isPreviewing ? '停止预览' : '预览'}
           </div>
-          
         </div>
-
       </div>
 
       <div className="remove-btn" onClick={() => connectItemClassRef.current?.onRemove()}>

src/page/device/connect-item/connect-item.scss

@@ -78,26 +78,30 @@ $font-size-scale: 1.5;  // 字体缩放系数，调整此值可改变字体大
         display: flex;
         flex-direction: row;
         align-items: center;
-        justify-content: center;
+        justify-content: space-around;
 
         .connect-btn {
-            width: 100%;
-            height: 100%;
+            width: 40%;
+            height: 80%;
 
             margin: 1%;
             @include flex-center;
 
+            color: #ffffff;
+            font-weight: bold;
             border-radius: 10px;
             @include highlight-btn(#004ef6);
         }
 
         .preview-btn {
-            width: 100%;
-            height: 100%;
+            width: 40%;
+            height: 80%;
 
             margin: 1%;
             @include flex-center;
 
+            color: #000000;
+            font-weight: bold;
             border-radius: 10px;
             @include highlight-btn(#00fb43);
         }     

src/page/process/process-item/process-item.scss

@@ -69,8 +69,7 @@ $font-size-scale: 1.5;  // 字体缩放系数，调整此值可改变字体大
     justify-content: space-around;
 
     margin: 1%;
-
-    
+   
     .start-btn{
         @include highlight-btn(#004ef6);
         @include flex-center;
@@ -81,6 +80,8 @@ $font-size-scale: 1.5;  // 字体缩放系数，调整此值可改变字体大
         border-radius: 10px;
        
         font-size: 1.2em;
+        color: #ffffff;
+        font-weight: bold;
     }
 
     .delete-btn {
@@ -93,6 +94,8 @@ $font-size-scale: 1.5;  // 字体缩放系数，调整此值可改变字体大
         border-radius: 10px;
    
         font-size: 1.2em;
+        color: #000000;
+        font-weight: bold;
     }
 
 }