@@ -22,7 +22,9 @@ Vuetron *NOT READY FOR DEPLOYMENT
2222#### Eventstream with Time Travel Debugging:
2323* Instantly time travel between previous application states, or revert a whole group of state changes at once.
2424
25- <img align =" center " src =" ./docs/images/eventstream.gif " alt =" time travel example " width =" 800 " />
25+ <div align =" center " >
26+ <img align =" center " src =" ./docs/images/eventstream.gif " alt =" time travel example " width =" 800 " />
27+ </div >
2628
2729* See 5 types of events
2830 * Connected to Server: Vuetron has successfully connected to the socket server.
@@ -35,23 +37,31 @@ Vuetron *NOT READY FOR DEPLOYMENT
3537 * API Request / Response: If using the fetch API for requests, this event is displayed for any request sent
3638 * The expanded card displays the request data as well as the response data
3739
38- <img align =" center " src =" ./docs/images/eventstream-items.gif " alt =" event items example " width =" 800 " />
40+ <div align =" center " >
41+ <img align =" center " src =" ./docs/images/eventstream-items.gif " alt =" event items example " width =" 800 " />
42+ </div >
3943
4044#### State Subscriptions:
4145* Subscribe to specific parts of your application's state for faster debugging
4246
43- <img align =" center " src =" ./docs/images/subscription.gif " alt =" subscriptions example " width =" 800 " />
47+ <div align =" center " >
48+ <img align =" center " src =" ./docs/images/subscription.gif " alt =" subscriptions example " width =" 800 " />
49+ </div >
4450
4551#### Component Tree:
4652* Visualizing your component hierarchy has never been easier.
4753 * Animation allows you to collapse or expand the tree for specific hierarchy views.
4854
49- <img align =" center " src =" ./docs/images/visualization.gif " alt =" component tree example " width =" 800 " />
55+ <div align =" center " >
56+ <img align =" center " src =" ./docs/images/visualization.gif " alt =" component tree example " width =" 800 " />
57+ </div >
5058
5159#### Collapsable Vuex State Object:
5260* View and interact with an object representation of your application's most current state.
5361
54- <img align =" center " src =" ./docs/images/state.png " alt =" state example " width =" 800 " />
62+ <div align =" center " >
63+ <img align =" center " src =" ./docs/images/state.png " alt =" state example " width =" 500 " />
64+ </div >
5565
5666#### Other benefits:
5767* GitHub Flavored Markdown
0 commit comments