From 4284fd046909bd8678dea14242972085d3239406 Mon Sep 17 00:00:00 2001
From: Zeng1998 <acan.coder@gmail.com>
Date: Mon, 27 Feb 2023 19:50:09 +0800
Subject: [PATCH] fix: omission of long filename (#1170)

---
 web/src/components/CreateResourceDialog.tsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/web/src/components/CreateResourceDialog.tsx b/web/src/components/CreateResourceDialog.tsx
index e3aba1277..d273e886a 100644
--- a/web/src/components/CreateResourceDialog.tsx
+++ b/web/src/components/CreateResourceDialog.tsx
@@ -1,4 +1,4 @@
-import { Button, Input, Select, Option, Typography, List, ListItem, Autocomplete } from "@mui/joy";
+import { Button, Input, Select, Option, Typography, List, ListItem, Autocomplete, Tooltip } from "@mui/joy";
 import React, { useRef, useState } from "react";
 import { useResourceStore } from "../store/module";
 import Icon from "./Icon";
@@ -179,9 +179,13 @@ const CreateResourceDialog: React.FC<Props> = (props: Props) => {
                 accept="*"
               />
             </div>
-            <List size="sm">
+            <List size="sm" sx={{ width: "100%" }}>
               {fileList.map((file) => (
-                <ListItem key={file.name}>{file.name}</ListItem>
+                <Tooltip title={file.name} key={file.name} placement="top">
+                  <ListItem>
+                    <Typography noWrap>{file.name}</Typography>
+                  </ListItem>
+                </Tooltip>
               ))}
             </List>
           </>