fix: readme layout (#27)

* fix: readme * fix: readme * fix: readme * fix: readme * fix: readme * fix: readme * fix: readme * fix: readme * fix: readme * fix: readme * fix: readme * fix: readme * fix: use FinalCutPro and combine two gifs in a single one * fix: update path to gif * fix: transparent gif * fix: transparent gif * fix: transpaarent gif * fix: add 60% of width to gif to look better
kirillzyusko · May 26, 2022 · 62a155a · 62a155a
1 parent 82bb1a5
commit 62a155a
Show file tree

Hide file tree

Showing 5 changed files with 3 additions and 6 deletions.
diff --git a/README.md b/README.md
@@ -6,10 +6,9 @@ Keyboard manager which works in identical way on both iOS and Android.
 
 ## Demonstration
 
-<div>
-  <img align="right" width="28.65%" style="margin-left: 20px" src="./gifs/ios.gif?raw=true">
-  <img align="right" width="30%" style="margin-left: 20px" src="./gifs/android.gif?raw=true">  
-</div>
+<img src="./gifs/demo.gif?raw=true" width="60%">
+
+## Key features
 
 - mapping keyboard appearance to animated values 😎
 - missing `keyboardWillShow` / `keyboardWillHide` events are available on Android 😍
@@ -18,8 +17,6 @@ Keyboard manager which works in identical way on both iOS and Android.
 - interactive keyboard dismissing (planned) 👆📱
 - and more is coming... Stay tuned! 😊
 
-<br clear="right" />
-
 ## Installation
 
 Install `react-native-keyboard-controller` package from npm:

diff --git a/gifs/android.gif b/gifs/android.gif
diff --git a/gifs/demo.gif b/gifs/demo.gif
diff --git a/gifs/ios.gif b/gifs/ios.gif
diff --git a/gifs/output-onlinegiftools (3).gif b/gifs/output-onlinegiftools (3).gif