add icons to offer footer
This commit is contained in:
parent
8ac069d7a4
commit
3528a2b81b
2 changed files with 7 additions and 3 deletions
|
@ -36,4 +36,8 @@ $primary: darken(#005035, 20%);
|
||||||
.offer-info {
|
.offer-info {
|
||||||
width: 50%;
|
width: 50%;
|
||||||
min-width: 20rem;;
|
min-width: 20rem;;
|
||||||
|
}
|
||||||
|
|
||||||
|
.offer-footer {
|
||||||
|
color: #555;
|
||||||
}
|
}
|
|
@ -21,9 +21,9 @@
|
||||||
<h5 class="card-title">{{ offer.title }}</h5>
|
<h5 class="card-title">{{ offer.title }}</h5>
|
||||||
<p class="card-text">{{ offer.description }}</p>
|
<p class="card-text">{{ offer.description }}</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="card-footer">
|
<div class="card-footer offer-footer">
|
||||||
<p class="username">{{ offer.byUser }}</p>
|
<p class="username"><i class="fas fa-user mt-3"></i> {{ offer.byUser }}</p>
|
||||||
<p class="zip">{{ offer.zipCode }}</p>
|
<p class="zip"><i class="fas fa-map-marker-alt mt-3"></i> {{ offer.zipCode }}</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
|
|
Reference in a new issue