collapse some settings

src/renderer/src/components/base/base-setting-card.tsx

@@ -1,15 +1,22 @@
 import React from 'react'
-import { Card, CardBody } from '@nextui-org/react'
+import { Accordion, AccordionItem, Card, CardBody } from '@nextui-org/react'
 
 interface Props {
+  title?: string
   children?: React.ReactNode
 }
 
 const SettingCard: React.FC<Props> = (props) => {
-  return (
+  return !props.title ? (
     <Card className="m-2">
       <CardBody>{props.children}</CardBody>
     </Card>
+  ) : (
+    <Accordion isCompact className="my-2" variant="splitted">
+      <AccordionItem hideIndicator keepContentMounted title={props.title}>
+        {props.children}
+      </AccordionItem>
+    </Accordion>
   )
 }
 

src/renderer/src/components/settings/shortcut-config.tsx

@@ -52,7 +52,7 @@ const ShortcutConfig: React.FC = () => {
   } = appConfig || {}
 
   return (
-    <SettingCard>
+    <SettingCard title="快捷键设置">
       <SettingItem title="打开/关闭窗口" divider>
         <div className="flex justify-end w-[60%]">
           <ShortcutInput

src/renderer/src/components/settings/sider-config.tsx

@@ -53,7 +53,7 @@ const SiderConfig: React.FC = () => {
   }
 
   return (
-    <SettingCard>
+    <SettingCard title="侧边栏设置">
       {Object.keys(cardStatus).map((key, index, array) => {
         return (
           <SettingItem title={titleMap[key]} key={key} divider={index !== array.length - 1}>

src/renderer/src/components/settings/webdav-config.tsx

@@ -48,7 +48,7 @@ const WebdavConfig: React.FC = () => {
       {restoreOpen && (
         <WebdavRestoreModal filenames={filenames} onClose={() => setRestoreOpen(false)} />
       )}
-      <SettingCard>
+      <SettingCard title="WebDav 备份">
         <SettingItem title="WebDav 地址" divider>
           <Input
             size="sm"