feat: add change user-config

src/pages/container/edit/List.tsx

@@ -4,7 +4,7 @@ import { useShallow } from 'zustand/react/shallow';
 // import copy from 'copy-to-clipboard';
 import { useNewNavigate } from '@/modules';
 import { message } from '@/modules/message';
-import { Dialog, DialogTitle, DialogContent, Tooltip, Button, ButtonGroup } from '@mui/material';
+import { Dialog, DialogTitle, DialogContent, Tooltip, Button, ButtonGroup, Typography } from '@mui/material';
 import { IconButton } from '@kevisual/components/button/index.tsx';
 import { getDirectoryAndName, toFile, uploadFileChunked } from '@kevisual/resources/index.ts';
 import EditOutlined from '@ant-design/icons/EditOutlined';
@@ -223,7 +223,6 @@ const PublishFormModal = () => {
   );
 };
 export const ContainerList = () => {
-  const navicate = useNewNavigate();
   const [modal, contextHolder] = useModal();
   const containerStore = useContainerStore(
     useShallow((state) => {
@@ -245,7 +244,6 @@ export const ContainerList = () => {
     }),
   );
 
-  // const [codeEdit, setCodeEdit] = useState(false);
   useEffect(() => {
     containerStore.getList();
   }, []);
@@ -264,8 +262,15 @@ export const ContainerList = () => {
           </IconButton>
         </Tooltip>
       </div>
-      <div className='flex grow overflow-hidden h-full'>
-        <div className='grow overflow-auto scrollbar bg-gray-100'>
+      <div className='flex grow flex-col overflow-hidden h-full'>
+        <div className='p-2 flex flex-col gap-2 text-secondary px-4 mx-4'>
+          <div className='text-sm'>轻代码或者配置文件替换。</div>
+        </div>
+        <div
+          className='grow overflow-auto scrollbar bg-gray-100'
+          style={{
+            height: 'calc(100% - 40px)',
+          }}>
           <div className='flex  flex-wrap   gap-x-10 gap-y-4 rounded-sm pt-10  justify-center'>
             {containerStore.list.length > 0 &&
               containerStore.list.map((item) => {