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 {
|
.thumbnail {
|
||||||
padding: 15px;
|
padding: 15px;
|
||||||
height: 300px;
|
height: 300px;
|
||||||
|
&.see-more {
|
||||||
|
h1 {
|
||||||
|
position: relative;
|
||||||
|
top: 50%;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
@media (max-width: @screen-xs-max) {
|
@media (max-width: @screen-xs-max) {
|
||||||
height: 400px;
|
height: 400px;
|
||||||
}
|
}
|
||||||
|
|
|
@ -50,6 +50,13 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{% endfor %}
|
{% 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>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
Reference in a new issue