Sandbox updates

examples/components/Layout.tsx

@@ -85,8 +85,9 @@ function SideNav(props: BoxProps) {
           borderColor: 'divider',
           display: {
             xs: 'none',
-            sm: 'initial',
+            sm: 'flex',
           },
+          flexDirection: 'column',
         },
         ...(Array.isArray(props.sx) ? props.sx : [props.sx]),
       ]}
@@ -155,6 +156,8 @@ function SideDrawer({
           height: '100%',
           p: 2,
           boxShadow: 'lg',
+          display: 'flex',
+          flexDirection: 'column',
           bgcolor: 'background.surface',
         }}
       >

examples/layouts/Header.tsx

@@ -1,9 +1,8 @@
 // @ts-ignore
-import radixLogo from '../assets/radix-icon_128x128.png'
+import radixLogo from '../assets/logo.svg'
 import * as React from 'react'
 import '@radixdlt/dapps-dropdown'
 import Box from '@mui/joy/Box'
-import Typography from '@mui/joy/Typography'
 import IconButton from '@mui/joy/IconButton'
 import Layout from '../components/Layout'
 import MenuIcon from '@mui/icons-material/Menu'
@@ -52,14 +51,11 @@ export const Header = ({
           <MenuIcon />
         </IconButton>
         <img
-          style={{ width: 30 }}
           src={radixLogo}
           className="logo"
+          style={{ maxHeight: '50px' }}
           alt="Radix logo"
         />
-        <Typography component="h1" fontWeight="xl">
-          Radix dApp Sandbox
-        </Typography>
       </Box>
 
       <Box

examples/layouts/Page.tsx

@@ -7,6 +7,7 @@ import { Header } from '../layouts/Header'
 import { Sidebar } from '../layouts/Sidebar'
 import { Logger } from '../logger/Logger'
 import { Outlet } from 'react-router-dom'
+import { Link } from '@mui/joy'
 
 export const Page = () => {
   const [drawerOpen, setDrawerOpen] = React.useState(false)
@@ -16,6 +17,9 @@ export const Page = () => {
       {drawerOpen && (
         <Layout.SideDrawer onClose={() => setDrawerOpen(false)}>
           <Sidebar />
+          <Link target="_blank" href="https://www.radixdlt.com/privacy-policy">
+            Privacy Policy
+          </Link>
         </Layout.SideDrawer>
       )}
       <Layout.Root
@@ -30,6 +34,9 @@ export const Page = () => {
 
         <Layout.SideNav>
           <Sidebar />
+          <Link target="_blank" href="https://www.radixdlt.com/privacy-policy">
+            Privacy Policy
+          </Link>
         </Layout.SideNav>
 
         <Layout.Main>