From 21a616e838163abff6d6f5c07d2c570695bb5b1c Mon Sep 17 00:00:00 2001
From: Faisal Amir <urmauur@gmail.com>
Date: Sat, 11 Nov 2023 14:57:01 +0700
Subject: [PATCH] Download modal should truncate model name

---
 web/containers/Layout/BottomBar/DownloadingState/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/containers/Layout/BottomBar/DownloadingState/index.tsx b/web/containers/Layout/BottomBar/DownloadingState/index.tsx
index 9ee8359db..c825baa96 100644
--- a/web/containers/Layout/BottomBar/DownloadingState/index.tsx
+++ b/web/containers/Layout/BottomBar/DownloadingState/index.tsx
@@ -59,9 +59,9 @@ export default function DownloadingState() {
                       }) as number
                     }
                   />
-                  <div className="flex items-center justify-between">
+                  <div className="flex items-center justify-between gap-x-2">
                     <div className="flex gap-x-2">
-                      <p>{item?.fileName}</p>
+                      <p className="line-clamp-1">{item?.fileName}</p>
                       <span>{formatDownloadPercentage(item?.percent)}</span>
                     </div>
                     <Button