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(){
const col = document.createElement('col')
if (col_number == null){
col.classList.add('col-6')
col.classList.add('col-12')
col.classList.add('col-md-6')
}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 %}
<div class="container">
<div id="statistic_row" class="row row-cols-auto g-4 ">
<div id="statistic_row" class="row g-4 ">
</div>
</div>
{% endblock body_block %}
{% block extra_js_files %}
{% block extra_js_files %}
<script src="{{ url_for('static', filename='javascript/statistics.js') }}" defer></script>