fix: 修复模型设置滚动条问题

ui/src/views/template/index.vue

@@ -3,6 +3,7 @@
     <div class="template-manage flex main-calc-height">
       <div class="template-manage__left p-8 border-r">
         <h4 class="p-16" style="padding-bottom: 8px">供应商</h4>
+        <div class="model-list-height-left">
           <el-scrollbar>
             <common-list
               :data="provider_list"
@@ -22,13 +23,19 @@
                   <span>全部模型</span>
                 </div>
                 <div class="flex" v-else>
-                <span :innerHTML="row.icon" alt="" style="height: 20px; width: 20px" class="mr-8" />
+                  <span
+                    :innerHTML="row.icon"
+                    alt=""
+                    style="height: 20px; width: 20px"
+                    class="mr-8"
+                  />
                   <span>{{ row.name }}</span>
                 </div>
               </template>
             </common-list>
           </el-scrollbar>
         </div>
+      </div>
       <div class="template-manage__right w-full" v-loading="list_model_loading">
         <div class="p-24 pb-0">
           <h4>{{ active_provider?.name }}</h4>
@@ -166,5 +173,8 @@ onMounted(() => {
   .model-list-height {
     height: calc(var(--create-dataset-height) - 70px);
   }
+  .model-list-height-left {
+    height: calc(var(--create-dataset-height));
+  }
 }
 </style>