refactor: add file card min width style

client/web/src/components/Card/FileCard.tsx

@@ -21,8 +21,8 @@ export const FileCard: React.FC<{
 
   return (
     <CardWrapper>
-      <div className="flex items-center">
-        <div className="mr-3 overflow-hidden">
+      <div className="flex w-full items-center">
+        <div className="mr-3 overflow-hidden flex-1">
           <div className="flex text-lg items-center">
             <Icon icon="mdi:paperclip" />
             <span className="ml-1">{t('文件')}</span>

client/web/src/components/Card/Wrapper.tsx

@@ -4,7 +4,10 @@ export const CardWrapper: React.FC<React.PropsWithChildren> = React.memo(
   (props) => {
     return (
       <div className="w-3/4">
-        <div className="border border-black border-opacity-20 rounded-md p-2 bg-black bg-opacity-5 dark:bg-black dark:bg-opacity-10 inline-flex overflow-hidden">
+        <div
+          className="max-w-full border border-black border-opacity-20 rounded-md p-2 bg-black bg-opacity-5 dark:bg-black dark:bg-opacity-10 inline-flex overflow-hidden"
+          style={{ minWidth: 240 }}
+        >
           {props.children}
         </div>
       </div>