style: 调整布局样式使组件高度自适应

webui/src/components/Geometry.vue

@@ -1,5 +1,5 @@
 <template>
-  <q-card class="shadow-2">
+  <q-card class="full-height">
     <q-card-section class="bg-indigo-50">
       <div class="text-h6 text-indigo-900 flex items-center gap-2">
         <q-icon name="architecture" />

webui/src/components/ParameterForm.vue

@@ -19,10 +19,10 @@
         <q-page class="q-pa-md">
           <div class="max-w-7xl mx-auto">
             <!-- 基本参数 + 杆塔几何结构 并排布局 -->
-            <div class="row q-col-gutter-md q-mb-md">
+            <div class="row q-col-gutter-md q-mb-md items-stretch" style="min-height: 500px;">
               <!-- 左侧：基本参数 -->
-              <div class="col-12 col-lg-6">
+              <div class="col-12 col-lg-6" style="display: flex;">
-                <q-card class="shadow-2 full-height">
+                <q-card class="shadow-2" style="flex: 1;">
                   <q-card-section class="bg-indigo-50">
                     <div class="text-h6 text-indigo-900 flex items-center gap-2">
                       <q-icon name="settings" />
@@ -204,7 +204,7 @@
               </div>
 
               <!-- 右侧：杆塔几何结构可视化 -->
-              <div class="col-12 col-lg-6">
+              <div class="col-12 col-lg-6" style="display: flex;">
                 <Geometry
                   :h-arm="params.parameter.h_arm"
                   :gc-x="params.parameter.gc_x"
@@ -213,6 +213,8 @@
                   :string-c-len="params.parameter.string_c_len"
                   :string-g-len="params.parameter.string_g_len"
                   :ground-angels="params.parameter.ground_angels"
+                  class="shadow-2"
+                  style="flex: 1;"
                 />
               </div>
             </div>