libretic/grav-theme-libretic
6
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Amélioration disposition portfolio selon taille de fenetre

Browse source
This commit is contained in:
Navas 2022-08-26 19:55:08 +02:00
parent d0b3e02b52
commit 4e9b50f2de
4 changed files with 7 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
css-compiled/template.css
View file

File diff suppressed because one or more lines are too long

2
css-compiled/template.min.css vendored
View file

File diff suppressed because one or more lines are too long

4
scss/template/modular/_portfolio.scss
View file

@ -33,7 +33,9 @@ $image-margin: 2rem;
} }
.notebook { .notebook {
min-width: 24%; padding-left: 2rem;
padding-right: 2rem;
padding-bottom: 1rem;
@include breakpoint(tablet-range) { @include breakpoint(tablet-range) {
width: 100%; width: 100%;
} }

4
templates/modular/portfolio.html.twig
View file

@ -2,9 +2,8 @@
{{ content|raw }} {{ content|raw }}
{% if page.header.portfolio %} {% if page.header.portfolio %}
<div class="notebooks"> <div class="notebooks">
{% for row in page.header.portfolio|batch(3) %}
<div class="notebook-row"> <div class="notebook-row">
{% for portfolio in row %} {% for portfolio in page.header.portfolio %}
<div class="notebook"> <div class="notebook">
<div class="desc"> <div class="desc">
<h4>{{ portfolio.title }}</h4> <h4>{{ portfolio.title }}</h4>
@ -24,7 +23,6 @@
</div> </div>
{% endfor %} {% endfor %}
</div> </div>
{% endfor %}
</div> </div>
{% endif %} {% endif %}
</div> </div>