Skip to content

Commit c2bc301

Browse files
authored
fix(greenhouse): remove whitespace below PluginNav in shell layout (#1549)
* fix(greenhouse): remove whitespace below PluginNav in shell layout * chore(greenhouse): adds changeset
1 parent 8fc4487 commit c2bc301

2 files changed

Lines changed: 13 additions & 6 deletions

File tree

.changeset/public-weeks-act.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
"@cloudoperators/juno-app-greenhouse": patch
3+
---
4+
5+
Restructure ShellLayout to apply padding only to content area rather than the entire main container. This allows NotificationsContainer (demo banner) to stick to the top without padding while eliminating unwanted whitespace below PluginNav.

apps/greenhouse/src/components/layout/ShellLayout.tsx

Lines changed: 8 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -19,20 +19,22 @@ const shellStyles = `
1919
min-w-0`
2020

2121
const mainStyles = `
22-
py-4
23-
pl-4
2422
bg-theme-content-area-bg
25-
h-full
2623
overflow-x-auto
27-
min-w-0`
24+
min-w-0
25+
h-full`
26+
27+
const contentStyles = `
28+
py-4
29+
pl-4`
2830

2931
const ShellLayout = ({ children }: ShellLayoutProps) => {
3032
return (
3133
<div className={`greenhouse-shell ${shellStyles}`}>
3234
<PluginNav />
33-
<div className="min-w-0">
35+
<div className={`greenhouse-main ${mainStyles}`}>
3436
<NotificationsContainer />
35-
<div className={`greenhouse-main ${mainStyles}`}>{children}</div>
37+
<div className={contentStyles}>{children}</div>
3638
</div>
3739
</div>
3840
)

0 commit comments

Comments
 (0)