如何修改element-plus的dropdown使弹出的popper和trigger的长度一样长呢?

Question

如何修改element-plus的dropdown使弹出的popper和trigger的长度一样长呢?
实现以下效果:

playground

<script setup lang="ts">
const search = ref("");
const msg = ref('Hello World!')
</script>

<template>
  <el-dropdown trigger="click">
    <el-from>
      <el-form-item class="mb-0">
        <el-input placeholder="搜索" v-model="search" />
      </el-form-item>
    </el-from>
    <template #dropdown>
      <el-dropdown-menu>
        <el-dropdown-item>你好</el-dropdown-item>
        <el-dropdown-item>你好</el-dropdown-item>
      </el-dropdown-menu>
    </template>
  </el-dropdown>
</template>
<style scoped>
  .mb-0 {
    margin-bottom: 0;
  }
</style>

Answer 1

- <el-form>
+ <el-form class="w-96">
...
- <el-dropdown-menu>
+ <el-dropdown-menu class="w-96">