Browse Source

体位详情组件,调整设备信息行,居中

dengdx 1 month ago
parent
commit
d5a0ab414e
1 changed files with 8 additions and 7 deletions
  1. 8 7
      src/pages/exam/components/BodyPositionDetail.tsx

+ 8 - 7
src/pages/exam/components/BodyPositionDetail.tsx

@@ -47,14 +47,15 @@ const BodyPositionDetail: React.FC = () => {
           <Text>View Description: {bodyPositionDetail.view_description}</Text>
           <Text>View Description: {bodyPositionDetail.view_description}</Text>
         </Col>
         </Col>
         {/* 第五行 :设备信息*/}
         {/* 第五行 :设备信息*/}
-        <Col span={24}>
-          <div className="flex items-center">
+        <Col span={24} className="flex flex-row items-center justify-center">
+          <div className="text-center">
             <Image src={CollimatorIcon} alt="Logo" height={'100%'} />
             <Image src={CollimatorIcon} alt="Logo" height={'100%'} />
-            <Text>
-              Collimator Length: {bodyPositionDetail.collimator_length}
-            </Text>
-            <br />
-            <Text>Collimator Width: {bodyPositionDetail.collimator_width}</Text>
+          </div>
+          <div className="text-center">
+            <Text>Length: {bodyPositionDetail.collimator_length}</Text>
+          </div>
+          <div className="text-center ml-2">
+            <Text>Width: {bodyPositionDetail.collimator_width}</Text>
           </div>
           </div>
         </Col>
         </Col>
         {/* 第六行 */}
         {/* 第六行 */}