fix(resources): use title key from firebase. Adjust layout a bit

This commit is contained in:
Eric Jimenez 2016-05-17 12:24:37 -04:00 committed by Naomi Black
parent 2810218b88
commit 91bb9d80ff
2 changed files with 5 additions and 5 deletions

View File

@ -1,10 +1,10 @@
.resources { .resources {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
flex-wrap: wrap;
flex-direction: row-reverse; flex-direction: row-reverse;
@media(max-width: 400px) { @media(max-width: 768px) {
justify-content: center;
flex-direction: column-reverse; flex-direction: column-reverse;
} }

View File

@ -5,10 +5,10 @@
<div> <div>
<h1 class="capitalize">{{category}}</h1> <h1 class="capitalize">{{category}}</h1>
<div ng-repeat="section in categoryContent"> <div ng-repeat="section in categoryContent">
<div class="grid-fluid" ng-repeat="(subsectionName, subsectionArray) in section"> <div ng-repeat="(subsectionName, subsectionObj) in section">
<div> <div>
<h2 class="capitalize">{{ subsectionName }}</h2> <h2>{{ subsectionObj.title }}</h2>
<ul ng-repeat="resource in subsectionArray.resources"> <ul ng-repeat="resource in subsectionObj.resources">
<li ng-if="resource.rev"><a target="_blank" href="{{resource.url}}">{{ resource.title }}</a></li> <li ng-if="resource.rev"><a target="_blank" href="{{resource.url}}">{{ resource.title }}</a></li>
</ul> </ul>
</div> </div>