Browse Source

fix:注册页面,年龄输入框畸形,
fixes #17

sw 1 week ago
parent
commit
734696c212
1 changed files with 18 additions and 8 deletions
  1. 18 8
      src/pages/patient/components/register.form.tsx

+ 18 - 8
src/pages/patient/components/register.form.tsx

@@ -162,14 +162,24 @@ const BasicInfoForm: React.FC<BasicInfoFormProps> = ({ style, form }) => {
         validateTrigger={registerFormFields.patient_age.trigger}
         rules={registerFormFields.patient_age.validation}
       >
-        <Space.Compact>
-          <InputNumber min={0} style={{ width: '70%' }} />
-          <Select style={{ width: '30%' }}>
-            <Select.Option value="D">天</Select.Option>
-            <Select.Option value="M">月</Select.Option>
-            <Select.Option value="Y">年</Select.Option>
-          </Select>
-        </Space.Compact>
+        <>
+          <style>{`
+            .my-space .ant-space-item:nth-child(1) {
+              width: 70%;
+            }
+            .my-space .ant-space-item:nth-child(2) {
+              width: 30%;
+            }
+        `}</style>
+          <Space className="w-full my-space" align="baseline">
+            <InputNumber min={0} className="w-full" />
+            <Select>
+              <Select.Option value="D">天</Select.Option>
+              <Select.Option value="M">月</Select.Option>
+              <Select.Option value="Y">年</Select.Option>
+            </Select>
+          </Space>
+        </>
       </Form.Item>
       <Form.Item
         label={