Drawer的footer样式错位问题

[ichunhe]

⚠️ 重要 ⚠️ 在进一步操作之前，请检查下列选项。如果您忽视此模板或者没有提供关键信息，您的 Issue 将直接被关闭

• 已阅读 文档.
• 确保您的代码已是最新或者所报告的 Bug 在最新版本中可以重现. (部分 Bug 可能已经在最近的代码中修复)
• 已在 Issues 中搜索了相关的关键词
• 不是 ant design vue 组件库的 Bug

描述 Bug

抽屉组件的footer样式错位

复现 Bug

打开demo的 组件->抽屉扩展 页面中选择第三个按钮弹出抽屉组件
会观察到整个footer向右偏移 16px

主要代码片段：

<div class="ant-drawer-body">
  <div class="scrollbar scroll-container" loading-tip="加载中..." style="position: relative; height: calc(100% - 60px);"><div class="scrollbar__wrap scrollbar__wrap--hidden-default" style=""><div class="scrollbar__view" style=""><p class="h-20">根据屏幕高度自适应</p></div></div><div class="scrollbar__bar is-horizontal"><div class="scrollbar__thumb" style="transform: translateX(0%);"></div></div><div class="scrollbar__bar is-vertical"><div class="scrollbar__thumb" style="transform: translateY(0%); height: 17.6596%;"></div></div><section data-v-d5adc87e="" class="full-loading absolute" style="display: none;"><div data-v-d5adc87e="" class="css-kqecok ant-spin ant-spin-lg ant-spin-show-text" aria-live="polite" aria-busy="false"><span class="ant-spin-dot ant-spin-dot-spin"><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i></span><div class="ant-spin-text">加载中...</div></div></section>
  </div>
  <div class="vben-basic-drawer-footer" placement="right" width="50%" isdetail="false" showdetailback="true" open="true" loading="false" maskclosable="true" destroyonclose="false" style="height: 60px; line-height: calc(59px);">
    <button class="css-kqecok ant-btn ant-btn-default mr-2" color="" iconsize="14" type="button"><!----><span>取 消</span> 
    </button>
    <button class="css-kqecok ant-btn ant-btn-primary mr-2" color="" iconsize="14" type="button"><!----><span>确 认</span> 
    </button>
  </div>
</div>

系统信息

• 操作系统: win10
• Node 版本: 18.18.0
• 包管理器 (npm/yarn/pnpm) 及其版本: pnpm 8.7.6

[wangjue666]

@kimchunhe 欢迎pr哈