diff --git a/web-vue/packages/core/layouts/default/setting/SettingDrawer.tsx b/web-vue/packages/core/layouts/default/setting/SettingDrawer.tsx
index 45feb2ff..40404274 100644
--- a/web-vue/packages/core/layouts/default/setting/SettingDrawer.tsx
+++ b/web-vue/packages/core/layouts/default/setting/SettingDrawer.tsx
@@ -2,9 +2,6 @@ import { defineComponent, computed, unref } from 'vue';
 import { BasicDrawer } from '@jeesite/core/components/Drawer';
 import { Divider } from 'ant-design-vue';
 import { TypePicker, ThemeColorPicker, SettingFooter, SwitchItem, SelectItem, InputNumberItem } from './components';
-
-import { AppDarkModeToggle } from '@jeesite/core/components/Application';
-
 import { MenuModeEnum, MenuTypeEnum, TriggerEnum } from '@jeesite/core/enums/menuEnum';
 
 import { useRootSetting } from '@jeesite/core/hooks/setting/useRootSetting';
@@ -40,7 +37,6 @@ export default defineComponent({
       getColorWeak,
       getGrayMode,
       getLockTime,
-      getShowDarkModeToggle,
       getThemeColor,
     } = useRootSetting();
 
@@ -270,9 +266,7 @@ export default defineComponent({
             def={unref(getShowBreadCrumbIcon)}
             disabled={!unref(getShowHeader)}
           />
-
           <SwitchItem title={t('layout.setting.grayMode')} event={HandlerEnum.GRAY_MODE} def={unref(getGrayMode)} />
-
           <SwitchItem title={t('layout.setting.colorWeak')} event={HandlerEnum.COLOR_WEAK} def={unref(getColorWeak)} />
         </>
       );
@@ -282,12 +276,10 @@ export default defineComponent({
       <BasicDrawer
         {...attrs}
         title={t('layout.setting.drawerTitle')}
-        width={330}
+        width={420}
         mask={true}
         maskStyle={{ animation: 'none', opacity: 0 }}
       >
-        {/* {unref(getShowDarkModeToggle) && <Divider>{() => t('layout.setting.darkMode')}</Divider>} */}
-        {unref(getShowDarkModeToggle) && <AppDarkModeToggle class="mx-auto" />}
         <Divider>{() => t('layout.setting.navMode')}</Divider>
         {renderSidebar()}
         <Divider>{() => t('layout.setting.headerTheme')}</Divider>
@@ -300,8 +292,6 @@ export default defineComponent({
         {renderFeatures()}
         <Divider>{() => t('layout.setting.interfaceDisplay')}</Divider>
         {renderContent()}
-        <Divider />
-        <SettingFooter />
       </BasicDrawer>
     );
   },
diff --git a/web-vue/packages/core/layouts/default/setting/components/SettingFooter.vue b/web-vue/packages/core/layouts/default/setting/components/SettingFooter.vue
index b41a96a2..bf216957 100644
--- a/web-vue/packages/core/layouts/default/setting/components/SettingFooter.vue
+++ b/web-vue/packages/core/layouts/default/setting/components/SettingFooter.vue
@@ -1,11 +1,11 @@
 <template>
   <div :class="prefixCls">
-    <a-button type="primary" block @click="handleCopy">
+<!--    <a-button type="primary" block @click="handleCopy">
       <CopyOutlined class="mr-2" />
       {{ t('layout.setting.copyBtn') }}
     </a-button>
 
-    <!-- <a-button color="warning" block @click="handleResetSetting" class="mt-3">
+    <a-button color="warning" block @click="handleResetSetting" class="mt-3">
       <RedoOutlined class="mr-2" />
       {{ t('common.resetText') }}
     </a-button> -->
@@ -22,9 +22,6 @@
   import { CopyOutlined, RedoOutlined } from '@ant-design/icons-vue';
 
   import { useAppStore } from '@jeesite/core/store/modules/app';
-  // import { usePermissionStore } from '@jeesite/core/store/modules/permission';
-  // import { useMultipleTabStore } from '@jeesite/core/store/modules/multipleTab';
-  // import { useUserStore } from '@jeesite/core/store/modules/user';
 
   import { useDesign } from '@jeesite/core/hooks/web/useDesign';
   import { useI18n } from '@jeesite/core/hooks/web/useI18n';