From 5a124831b81fd995bd6968331b2bd5a507aeac42 Mon Sep 17 00:00:00 2001
From: Peng Xiao <pengxiao@outlook.com>
Date: Fri, 21 Apr 2023 13:56:42 +0800
Subject: [PATCH] fix: some minor ui issues (#2058)

---
 .../page-list/OperationCell.tsx                | 18 ++++++++++--------
 .../components/pure/loading/PageLoading.tsx    |  7 +++----
 2 files changed, 13 insertions(+), 12 deletions(-)

diff --git a/apps/web/src/components/blocksuite/block-suite-page-list/page-list/OperationCell.tsx b/apps/web/src/components/blocksuite/block-suite-page-list/page-list/OperationCell.tsx
index e4c8c65b23..818671d5fc 100644
--- a/apps/web/src/components/blocksuite/block-suite-page-list/page-list/OperationCell.tsx
+++ b/apps/web/src/components/blocksuite/block-suite-page-list/page-list/OperationCell.tsx
@@ -74,14 +74,16 @@ export const OperationCell: React.FC<OperationCellProps> = ({
       >
         {favorite ? t('Remove from favorites') : t('Add to Favorites')}
       </MenuItem>
-      <MenuItem
-        onClick={() => {
-          onOpenPageInNewTab(id);
-        }}
-        icon={<OpenInNewIcon />}
-      >
-        {t('Open in new tab')}
-      </MenuItem>
+      {!environment.isDesktop && (
+        <MenuItem
+          onClick={() => {
+            onOpenPageInNewTab(id);
+          }}
+          icon={<OpenInNewIcon />}
+        >
+          {t('Open in new tab')}
+        </MenuItem>
+      )}
       {!pageMeta.isRootPinboard && (
         <MoveTo
           metas={metas}
diff --git a/apps/web/src/components/pure/loading/PageLoading.tsx b/apps/web/src/components/pure/loading/PageLoading.tsx
index 9a99585071..aaa262ff4a 100644
--- a/apps/web/src/components/pure/loading/PageLoading.tsx
+++ b/apps/web/src/components/pure/loading/PageLoading.tsx
@@ -26,6 +26,7 @@ const StyledLoadingContainer = styled('div')(() => {
     justifyContent: 'center',
     alignItems: 'center',
     color: '#6880FF',
+    flexDirection: 'column',
     h1: {
       fontSize: '2em',
       marginTop: '15px',
@@ -38,10 +39,8 @@ export const PageLoading = ({ text }: { text?: string }) => {
   const { t } = useTranslation();
   return (
     <StyledLoadingContainer>
-      <div className="wrapper">
-        <Loading />
-        <h1>{text ? text : t('Loading')}</h1>
-      </div>
+      <Loading />
+      <h1>{text ? text : t('Loading')}</h1>
     </StyledLoadingContainer>
   );
 };