From 840dfd1998aa88845006c48924f83f6c1ffde72a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jo=C3=A3o=20Magalh=C3=A3es?= <joamag@gmail.com>
Date: Sat, 29 Oct 2022 01:39:46 +0100
Subject: [PATCH] feat:new animations
---
examples/web/react/app.tsx | 2 +-
examples/web/react/components/display/display.css | 1 +
2 files changed, 2 insertions(+), 1 deletion(-)
diff --git a/examples/web/react/app.tsx b/examples/web/react/app.tsx
index 8a3a6b83..dd4e852c 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 3ab5ca24..8965c18d 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 {
--
GitLab