diff --git a/apps/shell/src/renderer/src/Home.tsx b/apps/shell/src/renderer/src/Home.tsx index 0f2aa26a8..3da63f0f5 100644 --- a/apps/shell/src/renderer/src/Home.tsx +++ b/apps/shell/src/renderer/src/Home.tsx @@ -1260,6 +1260,11 @@ function CloudProjectsView() { {renderBody()} + ) } @@ -2546,6 +2551,14 @@ export function Home() { ) } + const renderPoweredBy = () => ( + + ) + const renderEmpty = (hint: string) => (

)} + {renderPoweredBy()} ) } @@ -2775,6 +2789,7 @@ export function Home() { )} + {renderPoweredBy()} ) } diff --git a/apps/shell/src/renderer/src/home.css b/apps/shell/src/renderer/src/home.css index e596f68a9..d62f2c35b 100644 --- a/apps/shell/src/renderer/src/home.css +++ b/apps/shell/src/renderer/src/home.css @@ -348,6 +348,33 @@ body.vib .home { padding: 28px 36px 40px; overflow-y: auto; background: var(--bg-content); + /* column flex so .powered-by can pin to the bottom of short content */ + display: flex; + flex-direction: column; +} + +/* product credit pinned to the bottom of the content column */ +.powered-by { + margin-top: auto; + padding-top: 28px; + display: flex; + justify-content: center; +} + +.powered-by button { + border: none; + background: none; + font: inherit; + font-size: 12px; + color: var(--text-muted); + cursor: pointer; + padding: 4px 10px; + border-radius: 6px; +} + +.powered-by button:hover { + color: var(--accent); + background: var(--bg-hover); } .section-head {