Small design changes for Environment Pages

Author: FalkWolsky

client/packages/lowcoder/src/pages/setting/environments/EnvironmentDetail.tsx

@@ -188,6 +188,19 @@ const EnvironmentDetail: React.FC = () => {
     <Level1SettingPageContent style={{ minWidth: "1000px" }}>
       {/* Breadcrumbs */}
 
+      <ModernBreadcrumbs 
+        items={[
+          {
+            key: 'environments',
+            title: 'Environments',
+            onClick: () => history.push('/setting/environments')
+          },
+          {
+            key: 'current',
+            title: environment.environmentName || "Environment Detail"
+          }
+        ]}
+      />
 
       {/* Environment Header Component */}
       <EnvironmentHeader 
@@ -265,19 +278,7 @@ const EnvironmentDetail: React.FC = () => {
         </Descriptions>
       </Card>
 
-      <ModernBreadcrumbs 
-        items={[
-          {
-            key: 'environments',
-            title: 'Environments',
-            onClick: () => history.push('/setting/environments')
-          },
-          {
-            key: 'current',
-            title: environment.environmentName || "Environment Detail"
-          }
-        ]}
-      />
+      
       {/* Detailed License Information Card - only show for licensed environments with details */}
       {environment.isLicensed && environment.licenseDetails && (
         <Card

client/packages/lowcoder/src/pages/setting/environments/WorkspaceDetail.tsx

@@ -159,6 +159,10 @@ const WorkspaceDetail: React.FC = () => {
   return (
     <Level1SettingPageContent style={{ minWidth: "1000px" }}>
       {/* New Workspace Header */}
+
+      {/* Modern Breadcrumbs navigation */}
+      <ModernBreadcrumbs items={breadcrumbItems} />
+
       <WorkspaceHeader
         workspace={workspace}
         environment={environment}
@@ -203,8 +207,7 @@ const WorkspaceDetail: React.FC = () => {
         </Col>
       </Row>
 
-      {/* Modern Breadcrumbs navigation */}
-      <ModernBreadcrumbs items={breadcrumbItems} />
+      
 
       {/* Tabs for Apps, Data Sources, and Queries */}
       <Tabs 

client/packages/lowcoder/src/pages/setting/environments/components/EnvironmentHeader.tsx

@@ -28,7 +28,6 @@ const EnvironmentHeader: React.FC<EnvironmentHeaderProps> = ({
         padding: '20px 24px',
         borderRadius: '8px',
         border: '1px solid #f0f0f0',
-        boxShadow: '0 2px 8px rgba(0,0,0,0.06)'
       }}
     >
       <Row justify="space-between" align="middle" gutter={[16, 16]}>

client/packages/lowcoder/src/pages/setting/environments/components/ModernBreadcrumbs.tsx

@@ -49,12 +49,11 @@ const ModernBreadcrumbs: React.FC<ModernBreadcrumbsProps> = ({ items = [], ...pr
 
   return (
     <div className="modern-breadcrumb" style={{
-      background: '#f5f5f5',
+      background: '#ffffff',
       padding: '12px 20px',
       borderRadius: '4px',
       marginBottom: '20px',
       border: '1px solid #e8e8e8',
-      boxShadow: '0 1px 2px rgba(0,0,0,0.04)',
       display: 'flex',
       alignItems: 'center'
     }}>

client/packages/lowcoder/src/pages/setting/environments/components/WorkspaceHeader.tsx

@@ -66,7 +66,6 @@ const WorkspaceHeader: React.FC<WorkspaceHeaderProps> = ({
         padding: '20px 24px',
         borderRadius: '8px',
         border: '1px solid #f0f0f0',
-        boxShadow: '0 2px 8px rgba(0,0,0,0.06)'
       }}
     >
       <Row justify="space-between" align="middle" gutter={[16, 16]}>