diff --git a/examples/assets/logo.svg b/examples/assets/logo.svg new file mode 100644 index 00000000..71123822 --- /dev/null +++ b/examples/assets/logo.svg @@ -0,0 +1,24 @@ + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/examples/assets/radix-icon_128x128.png b/examples/assets/radix-icon_128x128.png deleted file mode 100644 index af4dd6aa..00000000 Binary files a/examples/assets/radix-icon_128x128.png and /dev/null differ diff --git a/examples/components/Layout.tsx b/examples/components/Layout.tsx index 1585573b..7af8a289 100644 --- a/examples/components/Layout.tsx +++ b/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', }} > diff --git a/examples/layouts/Header.tsx b/examples/layouts/Header.tsx index 5aef0e06..32c187d3 100644 --- a/examples/layouts/Header.tsx +++ b/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 = ({ Radix logo - - Radix dApp Sandbox - { const [drawerOpen, setDrawerOpen] = React.useState(false) @@ -16,6 +17,9 @@ export const Page = () => { {drawerOpen && ( setDrawerOpen(false)}> + + Privacy Policy + )} { + + Privacy Policy +