Merge branch 'dev' of github.com:lowcoder-org/lowcoder into ui/environments-breadcrumbs

Author: iamfaran

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

@@ -91,7 +91,7 @@ const WorkspaceDetail: React.FC = () => {
       key: 'environments',
       title: (
         <span>
-          <HomeOutlined /> Environments
+           Environments
         </span>
       ),
       onClick: () => history.push("/setting/environments")
@@ -100,7 +100,7 @@ const WorkspaceDetail: React.FC = () => {
       key: 'environment',
       title: (
         <span>
-          <TeamOutlined /> {environment.environmentName}
+          {environment.environmentName}
         </span>
       ),
       onClick: () => history.push(`/setting/environments/${environment.environmentId}`)
@@ -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

@@ -16,9 +16,8 @@ interface ModernBreadcrumbsProps extends Omit<BreadcrumbProps, 'items'> {
 }
 
 const Breadcrumb = styled(AntdBreadcrumb)`
-  font-size: 16px;
   margin-bottom: 10px;
-
+  font-size: 20px;
   li:not(:last-child) {
     color: #8b8fa3;
   }

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]}>