chore: update README.md (#91)

xsahil03x · Jul 8, 2023 · 24cdb00 · 24cdb00
1 parent 62611ab
commit 24cdb00
Show file tree

Hide file tree

Showing 3 changed files with 42 additions and 12 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,8 @@
+## 2.0.0+1
+
+- Add live demo link to README.md
+- Update README.md
+
 ## 2.0.0
 
 🚨 Breaking

diff --git a/README.md b/README.md
@@ -13,7 +13,7 @@ A beautiful and custom alert dialog for flutter highly inspired from <a href="ht
 Live Demo: https://xsahil03x.github.io/giffy_dialog
 
 <p>
-  <img src="https://github.com/xsahil03x/giffy_dialog/blob/master/asset/package_demo.gif?raw=true" alt="An animated image of the GiffyDialog" height="400"/>
+  <img src="asset/package_demo.gif" alt="An animated image of the GiffyDialog" height="400"/>
 </p>
 
 ## Migration from v1 to v2
@@ -116,16 +116,41 @@ Or use it like a bottom sheet:
 
 ## Demo
 
-|                | Image Giffy                                                                                                                                       | Rive Giffy                                                                                                                                      | Lottie Giffy                                                                                                                                        |
-|----------------|---------------------------------------------------------------------------------------------------------------------------------------------------|-------------------------------------------------------------------------------------------------------------------------------------------------|-----------------------------------------------------------------------------------------------------------------------------------------------------|
-| **Material 2** | <img src="https://github.com/xsahil03x/giffy_dialog/blob/master/asset/m2/image_giffy_dialog.gif?raw=true" height="400" alt="Image Giffy Dialog"/> | <img src="https://github.com/xsahil03x/giffy_dialog/blob/master/asset/m2/rive_giffy_dialog.gif?raw=true" height="400" alt="Rive Giffy Dialog"/> | <img src="https://github.com/xsahil03x/giffy_dialog/blob/master/asset/m2/lottie_giffy_dialog.gif?raw=true" height="400" alt="Lottie Giffy Dialog"/> |
-| **Material 3** | <img src="https://github.com/xsahil03x/giffy_dialog/blob/master/asset/m3/image_giffy_dialog.gif?raw=true" height="400" alt="Image Giffy Dialog"/> | <img src="https://github.com/xsahil03x/giffy_dialog/blob/master/asset/m3/rive_giffy_dialog.gif?raw=true" height="400" alt="Rive Giffy Dialog"/> | <img src="https://github.com/xsahil03x/giffy_dialog/blob/master/asset/m3/lottie_giffy_dialog.gif?raw=true" height="400" alt="Lottie Giffy Dialog"/> |
-
-
-|                | Image Giffy                                                                                                                                                  | Rive Giffy                                                                                                                                                 | Lottie Giffy                                                                                                                                                   |
-|----------------|--------------------------------------------------------------------------------------------------------------------------------------------------------------|------------------------------------------------------------------------------------------------------------------------------------------------------------|----------------------------------------------------------------------------------------------------------------------------------------------------------------|
-| **Material 2** | <img src="https://github.com/xsahil03x/giffy_dialog/blob/master/asset/m2/image_giffy_bottom_sheet.gif?raw=true" height="400" alt="Image Giffy BottomSheet"/> | <img src="https://github.com/xsahil03x/giffy_dialog/blob/master/asset/m2/rive_giffy_bottom_sheet.gif?raw=true" height="400" alt="Rive Giffy BottomSheet"/> | <img src="https://github.com/xsahil03x/giffy_dialog/blob/master/asset/m2/lottie_giffy_bottom_sheet.gif?raw=true" height="400" alt="Lottie Giffy BottomSheet"/> |
-| **Material 3** | <img src="https://github.com/xsahil03x/giffy_dialog/blob/master/asset/m3/image_giffy_bottom_sheet.gif?raw=true" height="400" alt="Image Giffy BottomSheet"/> | <img src="https://github.com/xsahil03x/giffy_dialog/blob/master/asset/m3/rive_giffy_bottom_sheet.gif?raw=true" height="400" alt="Rive Giffy BottomSheet"/> | <img src="https://github.com/xsahil03x/giffy_dialog/blob/master/asset/m3/lottie_giffy_bottom_sheet.gif?raw=true" height="400" alt="Lottie Giffy BottomSheet"/> |
+<table>
+  <tr>
+    <th></th>
+    <th colspan="4">Giffy Dialog</th>
+    <th colspan="4">Giffy BottomSheet</th>
+  </tr>
+  <tr>
+    <th></th>
+    <th colspan="2">Material 2</th>
+    <th colspan="2">Material 3</th>
+    <th colspan="2">Material 2</th>
+    <th colspan="2">Material 3</th>
+  </tr>
+  <tr>
+    <th>Image Giffy</th>
+    <td colspan="2"><img src="asset/m2/image_giffy_dialog.gif" height="400" alt="Image Giffy Dialog"/></td>
+    <td colspan="2"><img src="asset/m3/image_giffy_dialog.gif" height="400" alt="Image Giffy Dialog"/></td>
+    <td colspan="2"><img src="asset/m2/image_giffy_bottom_sheet.gif" height="400" alt="Image Giffy Dialog"/></td>
+    <td colspan="2"><img src="asset/m3/image_giffy_bottom_sheet.gif" height="400" alt="Image Giffy Dialog"/></td>
+  </tr>
+  <tr>
+    <th>Rive Giffy</th>
+    <td colspan="2"><img src="asset/m2/rive_giffy_dialog.gif" height="400" alt="Image Giffy Dialog"/></td>
+    <td colspan="2"><img src="asset/m3/rive_giffy_dialog.gif" height="400" alt="Image Giffy Dialog"/></td>
+    <td colspan="2"><img src="asset/m2/rive_giffy_bottom_sheet.gif" height="400" alt="Image Giffy Dialog"/></td>
+    <td colspan="2"><img src="asset/m3/rive_giffy_bottom_sheet.gif" height="400" alt="Image Giffy Dialog"/></td>
+  </tr>
+  <tr>
+    <th>Lottie Giffy</th>
+    <td colspan="2"><img src="asset/m2/lottie_giffy_dialog.gif" height="400" alt="Image Giffy Dialog"/></td>
+    <td colspan="2"><img src="asset/m3/lottie_giffy_dialog.gif" height="400" alt="Image Giffy Dialog"/></td>
+    <td colspan="2"><img src="asset/m2/lottie_giffy_bottom_sheet.gif" height="400" alt="Image Giffy Dialog"/></td>
+    <td colspan="2"><img src="asset/m3/lottie_giffy_bottom_sheet.gif" height="400" alt="Image Giffy Dialog"/></td>
+  </tr>
+</table>
 
 ## Customization
 

diff --git a/pubspec.yaml b/pubspec.yaml
@@ -1,7 +1,7 @@
 name: giffy_dialog
 homepage: https://github.com/xsahil03x/giffy_dialog
 description: A Flutter package for a quick, handy and beautiful giffy dialogs and bottom sheets.
-version: 2.0.0
+version: 2.0.0+1
 repository: https://github.com/xsahil03x/giffy_dialog
 issue_tracker: https://github.com/xsahil03x/giffy_dialog/issues