Skip to content

Commit 73b39b0

Browse files
committed
formatting
1 parent 68b4c0b commit 73b39b0

File tree

5 files changed

+15
-5
lines changed

5 files changed

+15
-5
lines changed

README.md

Lines changed: 15 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -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

docs/images/state.png

-6.74 KB
Loading

docs/images/tands-logo.png

-8 KB
Binary file not shown.

docs/images/visualization.png

-474 KB
Binary file not shown.

docs/images/vuetron-logo.png

-9.4 KB
Binary file not shown.

0 commit comments

Comments
 (0)