fix app detail bg (#6172)

* fix app detail bg

* remove code

* fix

* detail modal & icon position

projects/app/src/pageComponents/app/detail/Logs/DetailLogsModal.tsx

@@ -100,7 +100,7 @@ const DetailLogsModal = ({
       <MyBox
         display={'flex'}
         flexDirection={'column'}
-        zIndex={3}
+        zIndex={1000}
         position={['fixed', 'absolute']}
         top={[0, '2%']}
         right={0}

projects/app/src/pageComponents/app/detail/SimpleApp/index.tsx

@@ -111,7 +111,7 @@ const SimpleEdit = () => {
   );
 
   return (
-    <Flex h={'100%'} flexDirection={'column'} px={[3, 0]} pr={[3, 3]} bg={'myGray.25'}>
+    <Flex h={'100%'} flexDirection={'column'} px={[3, 0]} pr={[3, 3]}>
       <Header
         appForm={appForm}
         forbiddenSaveSnapshot={forbiddenSaveSnapshot}

projects/app/src/pages/app/detail/index.tsx

@@ -51,7 +51,7 @@ const AppDetail = () => {
   return (
     <>
       <NextHead title={appDetail.name} icon={appDetail.avatar}></NextHead>
-      <Box h={'100%'} position={'relative'}>
+      <Box h={'100%'} position={'relative'} bg={'myGray.25'}>
         {!appDetail._id ? (
           <Loading fixed={false} />
         ) : (