fix: set selector props and update configuration panel styles (#175)

src/views/dashboard/configuration/Widget.vue

@@ -101,7 +101,7 @@ export default defineComponent({
     ...CustomOptions,
   },
   setup() {
-    const configHeight = document.documentElement.clientHeight - 520;
+    const configHeight = document.documentElement.clientHeight - 540;
     const { t } = useI18n();
     const dashboardStore = useDashboardStore();
     const appStoreWithOut = useAppStoreWithOut();

src/views/dashboard/configuration/widget/AssociateOptions.vue

@@ -23,6 +23,7 @@ limitations under the License. -->
       placeholder="Select a widget"
       class="selectors"
       @change="updateWidgetConfig"
+      :filterable="false"
     />
   </div>
 </template>

src/views/dashboard/configuration/widget/RelatedTraceOptions.vue

@@ -31,6 +31,7 @@ limitations under the License. -->
         :options="Status"
         placeholder="Select a status"
         @change="updateConfig({ status: $event[0].value })"
+        class="selector"
       />
     </div>
     <div class="item">
@@ -40,6 +41,7 @@ limitations under the License. -->
         :value="queryOrder"
         :options="QueryOrders"
         placeholder="Select a option"
+        class="selector"
         @change="updateConfig({ queryOrder: $event[0].value })"
       />
     </div>
@@ -87,4 +89,8 @@ function updateConfig(param: { [key: string]: unknown }) {
 .item {
   margin-bottom: 10px;
 }
+
+.selector {
+  width: 500px;
+}
 </style>