Change alignment of buttons and temporarily disable

This commit is contained in:
Morgan McMillian 2018-11-16 17:16:33 -08:00
parent eaefe3908b
commit 257603ec95

View file

@ -23,21 +23,28 @@
</ion-avatar>
<h2>{{ user.name }}</h2>
<p>@{{ user.username }}</p>
<button ion-button item-end>{{ user.you_follow ? "Unfollow" : "Follow" }}</button>
<button ion-button item-end disabled>{{ user.you_follow ? "Unfollow" : "Follow" }}</button>
</ion-item>
<p><div [innerHTML]="user.content.html | parser"></div>
<p>
<p><hr>
<ion-row>
<ion-col text-center>
<button ion-button >{{ user.counts.posts }}<br/>posts</button>
<button ion-button >{{ user.counts.followers }}<br/>followers</button>
<button ion-button >{{ user.counts.following }}<br/>following</button>
<button ion-button >{{ user.counts.bookmarks }}<br/>stars</button>
<ion-col>
<ion-row>
<button ion-button full disabled>{{ user.counts.posts }}<br/>posts</button>
</ion-row>
<ion-row>
<button ion-button full disabled>{{ user.counts.bookmarks }}<br/>stars</button>
</ion-row>
</ion-col>
<ion-col>
<ion-row>
<button ion-button full disabled>{{ user.counts.followers }}<br/>followers</button>
</ion-row>
<ion-row>
<button ion-button full disabled>{{ user.counts.following }}<br/>following</button>
</ion-row>
</ion-col>
</ion-row>
</ion-content>