Commitcde8c0c

committed

update breadcrumbs position

1 parent359d94d commitcde8c0cCopy full SHA for cde8c0c

File tree

+19

-11

lines changed

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

+19

-11

lines changed

Lines changed: 4 additions & 2 deletions

Original file line number	Diff line number	Diff line change
`@@ -148,14 +148,14 @@ const EnvironmentDetail: React.FC = () => {`
`148`	`148`	`className="environment-detail-container"`
`149`	`149`	`style={{padding:"24px",flex:1}}`
`150`	`150`	`>`
`151`		`-<ModernBreadcrumbsitems={breadcrumbItems}/>`
`152`		`-`
`153`	`151`	`{/* Environment Header Component */}`
`154`	`152`	`<EnvironmentHeader`
`155`	`153`	`environment={environment}`
`156`	`154`	`onEditClick={handleEditClick}`
`157`	`155`	`/>`
`158`	`156`
	`157`	`+`
	`158`	`+`
`159`	`159`	`{/* Basic Environment Information Card - improved responsiveness */}`
`160`	`160`	`<Card`
`161`	`161`	`title="Environment Overview"`
`@@ -202,6 +202,8 @@ const EnvironmentDetail: React.FC = () => {`
`202`	`202`	`</Descriptions>`
`203`	`203`	`</Card>`
`204`	`204`
	`205`	`+{/* Modern Breadcrumbs navigation */}`
	`206`	`+<ModernBreadcrumbsitems={breadcrumbItems}/>`
`205`	`207`	`{/* Tabs for Workspaces and User Groups */}`
`206`	`208`	`<Tabs`
`207`	`209`	`defaultActiveKey="workspaces"`

Lines changed: 3 additions & 3 deletions

Original file line number	Diff line number	Diff line change
`@@ -105,9 +105,6 @@ const WorkspaceDetail: React.FC = () => {`
`105`	`105`	`minWidth:"1000px",`
`106`	`106`	`overflowX:"auto"`
`107`	`107`	`}}>`
`108`		`-{/* Modern Breadcrumbs navigation */}`
`109`		`-<ModernBreadcrumbsitems={breadcrumbItems}/>`
`110`		`-`
`111`	`108`	`{/* New Workspace Header */}`
`112`	`109`	`<WorkspaceHeader`
`113`	`110`	`workspace={workspace}`
`@@ -117,6 +114,9 @@ const WorkspaceDetail: React.FC = () => {`
`117`	`114`	`onDeploy={()=>openDeployModal(workspace,workspaceConfig,environment)}`
`118`	`115`	`/>`
`119`	`116`
	`117`	`+{/* Modern Breadcrumbs navigation */}`
	`118`	`+<ModernBreadcrumbsitems={breadcrumbItems}/>`
	`119`	`+`
`120`	`120`	`{/* Tabs for Apps, Data Sources, and Queries */}`
`121`	`121`	`<TabsdefaultActiveKey="apps"className="modern-tabs"type="card">`
`122`	`122`	`<TabPanetab={<span><AppstoreOutlined/> Apps</span>}key="apps">`

Lines changed: 12 additions & 6 deletions

Original file line number	Diff line number	Diff line change
`@@ -19,24 +19,30 @@ interface ModernBreadcrumbsProps extends BreadcrumbProps {`
`19`	`19`	`constModernBreadcrumbs:React.FC<ModernBreadcrumbsProps>=({ items=[], ...props})=>{`
`20`	`20`	`return(`
`21`	`21`	`<divclassName="modern-breadcrumb"style={{`
`22`		`-background:'#f0f2f5',`
`23`		`-padding:'12px 24px',`
	`22`	`+background:'#e6f7ff',`
	`23`	`+padding:'10px 20px',`
`24`	`24`	`borderRadius:'8px',`
`25`	`25`	`marginBottom:'20px',`
`26`		`-boxShadow:'0 1px 3px rgba(0,0,0,0.05)'`
	`26`	`+boxShadow:'0 1px 3px rgba(0,0,0,0.1)',`
	`27`	`+display:'flex',`
	`28`	`+alignItems:'center'`
`27`	`29`	`}}>`
`28`		`-<Breadcrumb{...props}>`
	`30`	`+<Breadcrumb{...props}separator="/">`
`29`	`31`	`{items.map(item=>(`
`30`	`32`	`<Breadcrumb.Itemkey={item.key}>`
`31`	`33`	`{item.onClick ?(`
`32`	`34`	`<span`
`33`		`-style={{cursor:"pointer"}}`
	`35`	`+style={{cursor:"pointer",color:'#1890ff',fontWeight:'500'}}`
`34`	`36`	`onClick={item.onClick}`
	`37`	`+onMouseEnter={(e)=>e.currentTarget.style.textDecoration='underline'}`
	`38`	`+onMouseLeave={(e)=>e.currentTarget.style.textDecoration='none'}`
`35`	`39`	`>`
`36`	`40`	`{item.title}`
`37`	`41`	`</span>`
`38`	`42`	`) :(`
`39`		`-item.title`
	`43`	`+<spanstyle={{color:'#595959',fontWeight:'500'}}>`
	`44`	`+{item.title}`
	`45`	`+</span>`
`40`	`46`	`)}`
`41`	`47`	`</Breadcrumb.Item>`
`42`	`48`	`))}`

Comments

(0)