优化样式

web/apps/web-antd/src/views/match/solutions/index.vue

@@ -420,11 +420,8 @@ onUnmounted(() => {
 
     <div class="contents-header transition-all duration-200" :style="headerStyle">
       <div class="solution-options">
-        <Form layout="inline">
-          <Form.Item label="最小利润率(%)">
-            <InputNumber style="width: 60px" size="small" max="100" min="-100" placeholder="最小利润率(%)" v-model:value="minProfitRate"/>
-          </Form.Item>
-          <Form.Item label="盘口类型">
+        <Form layout="inline" class="sol-opt-container">
+          <Form.Item label="盘口类型" class="sol-opt-item">
             <RadioGroup v-model:value="marketType">
               <Radio :value="-1">全部</Radio>
               <Radio :value="2">滚球</Radio>
@@ -432,6 +429,9 @@ onUnmounted(() => {
               <Radio :value="0">早盘</Radio>
             </RadioGroup>
           </Form.Item>
+          <Form.Item label="最小利润率(%)" class="sol-opt-item">
+            <InputNumber style="width: 60px" size="small" max="100" min="-100" step="0.1" placeholder="最小利润率(%)" v-model:value="minProfitRate"/>
+          </Form.Item>
         </Form>
       </div>
       <div class="solution-header">
@@ -537,6 +537,7 @@ onUnmounted(() => {
   border-bottom: 1px solid hsl(var(--border));
   background-color: hsl(var(--background));
 }
+
 .solution-options {
   position: relative;
   display: flex;
@@ -544,6 +545,16 @@ onUnmounted(() => {
   padding: 5px 20px;
   border-bottom: 1px solid hsl(var(--border));
 }
+
+.sol-opt-container {
+  flex-grow: 1;
+  justify-content: space-between;
+}
+
+.sol-opt-item:last-child {
+  margin-inline-end: 0 !important;
+}
+
 .solution-header {
   position: relative;
   display: flex;