From 79fd82b71e8da999d708c8026867d4acd59327ac Mon Sep 17 00:00:00 2001
From: spencerwooo <spencer.woo@outlook.com>
Date: Wed, 26 Jan 2022 16:14:45 +0800
Subject: [PATCH] fix default preview file name too long on desktop, close #297

---
 components/previews/DefaultPreview.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/previews/DefaultPreview.tsx b/components/previews/DefaultPreview.tsx
index 9b581fc..42bf790 100644
--- a/components/previews/DefaultPreview.tsx
+++ b/components/previews/DefaultPreview.tsx
@@ -16,7 +16,7 @@ const DefaultPreview: FC<{ file: OdFileObject }> = ({ file }) => {
         <div className="md:flex px-5 py-4 md:space-x-8 items-center">
           <div className="text-center border rounded-lg px-10 py-20 border-gray-900/10 dark:border-gray-500/30">
             <FontAwesomeIcon icon={getFileIcon(file.name, { video: Boolean(file.video) })} />
-            <div className="font-medium text-sm mt-6">{file.name}</div>
+            <div className="font-medium text-sm mt-6 md:w-20 overflow-hidden truncate">{file.name}</div>
           </div>
 
           <div className="md:flex-1 flex flex-col py-4 space-y-2">