diff --git a/examples/web/react/app.tsx b/examples/web/react/app.tsx index 8a3a6b83018e015f71cce10e8eea78f2edf9523c..dd4e852cb63636e95efaf1e9ab27fe639185ad47 100644 --- a/examples/web/react/app.tsx +++ b/examples/web/react/app.tsx @@ -129,7 +129,7 @@ export const App: FC<AppProps> = ({ emulator, backgrounds = ["264653"] }) => { </Footer> <PanelSplit left={ - <div> + <div style={{marginTop: 78}}> <Display fullscreen={fullscreen} onDrawHandler={onDrawHandler} diff --git a/examples/web/react/components/display/display.css b/examples/web/react/components/display/display.css index 3ab5ca248c90e1eb5f92a0e0cacc2dd3dd89979a..8965c18d732b976957507972b47c21b071dc0b20 100644 --- a/examples/web/react/components/display/display.css +++ b/examples/web/react/components/display/display.css @@ -43,6 +43,7 @@ font-size: 0px; padding: 8px 8px 8px 8px; box-sizing: content-box; + transition: width 0.35s cubic-bezier(0.075, 0.82, 0.165, 1), height 0.35s cubic-bezier(0.075, 0.82, 0.165, 1), top 0.35s cubic-bezier(0.075, 0.82, 0.165, 1), left 0.35s cubic-bezier(0.075, 0.82, 0.165, 1); } .display.fullscreen > .display-frame {