修复 FaDrawer 组件 contentClass 设置无效

Author: hooray

src/layouts/components/AppSetting/index.vue

@@ -49,7 +49,7 @@ function handleCopy() {
 </script>
 
 <template>
-  <FaDrawer v-model="isShow" title="应用配置" description="在生产环境中应关闭该模块" :footer="isSupported">
+  <FaDrawer v-model="isShow" title="应用配置" description="在生产环境中应关闭该模块" :footer="isSupported" content-class="sm:min-w-md">
     <div class="rounded-2 bg-rose/20 px-4 py-2 text-sm/6 c-rose">
       应用配置可实时预览效果，但只是临时生效，要想真正应用于项目，可以点击下方的「复制配置」按钮，并将配置粘贴到 src/settings.ts 文件中。
     </div>

src/ui/components/FaDrawer/index.vue

@@ -36,9 +36,8 @@ const props = withDefaults(
     footer?: boolean
     closeOnClickOverlay?: boolean
     closeOnPressEscape?: boolean
-    class?: HTMLAttributes['class']
-    headerClass?: HTMLAttributes['class']
     contentClass?: HTMLAttributes['class']
+    headerClass?: HTMLAttributes['class']
     footerClass?: HTMLAttributes['class']
   }>(),
   {
@@ -139,7 +138,7 @@ function handleAnimationEnd() {
       :open="isOpen"
       :overlay="props.overlay"
       :overlay-blur="props.overlayBlur"
-      class="w-full flex flex-col gap-0 p-0"
+      :class="cn('w-full flex flex-col gap-0 p-0', props.contentClass)"
       :side="props.side"
       @open-auto-focus="handleFocusOutside"
       @close-auto-focus="handleFocusOutside"