Yarninator/boardgame_site_v2
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Made statistic cards screen responsive

Browse source
This commit is contained in:
Yarne Coppens 2024-08-25 11:38:18 +02:00
parent 3207920bac
commit d6b05ea986
2 changed files with 6 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
static/javascript/statistics.js
View file

@ -7,9 +7,11 @@ function create_statistic_card(col_number = null){
function create_statistic_card_col(){ function create_statistic_card_col(){
const col = document.createElement('col') const col = document.createElement('col')
if (col_number == null){ if (col_number == null){
col.classList.add('col-6') col.classList.add('col-12')
col.classList.add('col-md-6')
}else{ }else{
col.classList.add('col-' + col_number) col.classList.add('col-' + col_number * 2)
col.classList.add('col-md-'+col_number)
} }

4
templates/statistics.jinja
View file

@ -4,13 +4,13 @@
{% block body_block %} {% block body_block %}
<div class="container"> <div class="container">
<div id="statistic_row" class="row row-cols-auto g-4 "> <div id="statistic_row" class="row g-4 ">
</div> </div>
</div> </div>
{% endblock body_block %} {% endblock body_block %}
{% block extra_js_files %} {% block extra_js_files %}
<script src="{{ url_for('static', filename='javascript/statistics.js') }}" defer></script> <script src="{{ url_for('static', filename='javascript/statistics.js') }}" defer></script>