From 946fadb5911872f8e13368fd094056930cf974bd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=87=91=E4=BC=9F=E5=BC=BA?= <iamjoel007@gmail.com>
Date: Sun, 21 May 2023 16:13:22 +0800
Subject: [PATCH] fix: last item can not click show opt and copty pos

---
 web/app/components/explore/sidebar/app-nav-item/index.tsx | 4 ++--
 web/app/components/explore/sidebar/index.tsx              | 2 +-
 web/app/components/share/text-generation/index.tsx        | 5 ++++-
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/web/app/components/explore/sidebar/app-nav-item/index.tsx b/web/app/components/explore/sidebar/app-nav-item/index.tsx
index 8ec16a0964..9ed5213667 100644
--- a/web/app/components/explore/sidebar/app-nav-item/index.tsx
+++ b/web/app/components/explore/sidebar/app-nav-item/index.tsx
@@ -44,7 +44,7 @@ export default function AppNavItem({
         router.push(url) // use Link causes popup item always trigger jump. Can not be solved by e.stopPropagation().
       }}
     >
-      <div className='flex items-center space-x-2'>
+      <div className='flex items-center space-x-2 w-0 grow'>
         {/* <div
           className={cn(
             'shrink-0 mr-2 h-6 w-6 rounded-md border bg-[#D5F5F6]',
@@ -54,7 +54,7 @@ export default function AppNavItem({
           }}
         /> */}
         <AppIcon size='tiny'  icon={icon} background={icon_background} />
-        <div className='max-w-[110px] overflow-hidden text-ellipsis whitespace-nowrap'>{name}</div>
+        <div className='overflow-hidden text-ellipsis whitespace-nowrap'>{name}</div>
       </div>
       {
         !isSelected && (
diff --git a/web/app/components/explore/sidebar/index.tsx b/web/app/components/explore/sidebar/index.tsx
index ef4a07b8db..b9458bf2a7 100644
--- a/web/app/components/explore/sidebar/index.tsx
+++ b/web/app/components/explore/sidebar/index.tsx
@@ -84,7 +84,7 @@ const SideBar: FC<{
       {installedApps.length > 0 && (
         <div className='mt-10'>
           <div className='pl-2 text-xs text-gray-500 font-medium uppercase'>{t('explore.sidebar.workspace')}</div>
-          <div className='mt-3 space-y-1 overflow-y-auto'
+          <div className='mt-3 space-y-1 overflow-y-auto overflow-x-hidden pb-20'
             style={{
               maxHeight: 'calc(100vh - 250px)'
             }}
diff --git a/web/app/components/share/text-generation/index.tsx b/web/app/components/share/text-generation/index.tsx
index 6c00c37203..095006e4ec 100644
--- a/web/app/components/share/text-generation/index.tsx
+++ b/web/app/components/share/text-generation/index.tsx
@@ -337,7 +337,10 @@ const TextGeneration: FC<IMainProps> = ({
 
 
           {/* copyright */}
-          <div className='fixed left-8 bottom-4  flex space-x-2 text-gray-400 font-normal text-xs'>
+          <div className={cn(
+            isInstalledApp ? 'left-[248px]' : 'left-8',
+            'fixed  bottom-4  flex space-x-2 text-gray-400 font-normal text-xs'
+            )}>
             <div className="">© {siteInfo.copyright || siteInfo.title} {(new Date()).getFullYear()}</div>
             {siteInfo.privacy_policy && (
               <>