Merge branch '443-enhance-the-rosen-bridge-page-by-incorporating-a-ca…

…ptivating-background-image' into 'dev' feat: Enhance the Rosen Bridge page by incorporating a captivating background image Closes #443 See merge request ergo/rosen-bridge/ui!366
rosen-bridge · Nov 26, 2024 · 8843f60 · 8843f60
2 parents e9b7361 + 89e4c98
commit 8843f60
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 0 deletions.
diff --git a/.changeset/heavy-tables-dance.md b/.changeset/heavy-tables-dance.md
@@ -0,0 +1,5 @@
+---
+'@rosen-bridge/rosen-app': minor
+---
+
+Enhance the Rosen Bridge page by incorporating a captivating background image
diff --git a/apps/rosen/app/App.tsx b/apps/rosen/app/App.tsx
@@ -38,6 +38,10 @@ const Main = styled('main')(({ theme }) => ({
   borderTopLeftRadius: theme.shape.borderRadius * 2,
   borderBottomLeftRadius: theme.shape.borderRadius * 2,
   padding: theme.spacing(4),
+  backgroundImage: `url(./background-${theme.palette.mode}.png)`,
+  backgroundRepeat: 'no-repeat',
+  backgroundPosition: 'center center',
+  backgroundSize: 'cover',
 }));
 
 interface AppProps {

diff --git a/apps/rosen/public/background-dark.png b/apps/rosen/public/background-dark.png
diff --git a/apps/rosen/public/background-light.png b/apps/rosen/public/background-light.png