Add see more button
This commit is contained in:
parent
06c8f04e59
commit
027ec96117
2 changed files with 15 additions and 0 deletions
|
@ -113,6 +113,14 @@ body.index {
|
|||
.thumbnail {
|
||||
padding: 15px;
|
||||
height: 300px;
|
||||
&.see-more {
|
||||
h1 {
|
||||
position: relative;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
@media (max-width: @screen-xs-max) {
|
||||
height: 400px;
|
||||
}
|
||||
|
|
|
@ -50,6 +50,13 @@
|
|||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
<div class="col-sm-6 col-md-4">
|
||||
<div class="thumbnail see-more">
|
||||
<a href="{% url 'projects:all' %}">
|
||||
<h1>See All</h1>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
Reference in a new issue