From 8b9a2d0c445b7fe272e0cdf63c8314d33ec9e9ad Mon Sep 17 00:00:00 2001
From: Hooray <304327508@qq.com>
Date: Wed, 12 Mar 2025 01:22:10 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=20`FaDrawer`=20=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=20`contentClass`=20=E8=AE=BE=E7=BD=AE=E6=97=A0?=
 =?UTF-8?q?=E6=95=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layouts/components/AppSetting/index.vue | 2 +-
 src/ui/components/FaDrawer/index.vue        | 5 ++---
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/layouts/components/AppSetting/index.vue b/src/layouts/components/AppSetting/index.vue
index 18c63782..7708d1ab 100755
--- a/src/layouts/components/AppSetting/index.vue
+++ b/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>
diff --git a/src/ui/components/FaDrawer/index.vue b/src/ui/components/FaDrawer/index.vue
index cd863987..5a0a9100 100644
--- a/src/ui/components/FaDrawer/index.vue
+++ b/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"