add responsive ui layout for owner list page

This commit is contained in:
Dapeng 2016-09-21 15:01:05 +08:00
parent 00397136b5
commit fdee7e961f

View file

@ -10,10 +10,10 @@
<thead> <thead>
<tr> <tr>
<th>Name</th> <th>Name</th>
<th>Address</th> <th class="hidden-sm hidden-xs">Address</th>
<th>City</th> <th>City</th>
<th>Telephone</th> <th>Telephone</th>
<th>Pets</th> <th class="hidden-xs">Pets</th>
</tr> </tr>
</thead> </thead>
@ -23,9 +23,9 @@
{{owner.firstName}} {{owner.lastName}} {{owner.firstName}} {{owner.lastName}}
</a> </a>
</td> </td>
<td>{{owner.address}}</td> <td class="hidden-sm hidden-xs">{{owner.address}}</td>
<td>{{owner.city}}</td> <td>{{owner.city}}</td>
<td>{{owner.telephone}}</td> <td>{{owner.telephone}}</td>
<td><span ng-repeat="pet in owner.pets">{{pet.name + ' '}}</span></td> <td class="hidden-xs"><span ng-repeat="pet in owner.pets">{{pet.name + ' '}}</span></td>
</tr> </tr>
</table> </table>