rattail/tailbone
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Use proper flex styles for grid pagination footer

Browse source
This commit is contained in:
Lance Edgar 2024-04-25 16:04:30 -05:00
parent bfe6b5bc25
commit f43259fbc1
1 changed files with 8 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
tailbone/templates/grids/complete.mako
View file

@ -192,10 +192,12 @@
% endif % endif
% if grid.pageable: % if grid.pageable:
<b-field grouped <div v-if="firstItem"
v-if="firstItem"> style="display: flex; gap: 0.5rem; align-items: center;">
<span class="control"> <span>
showing {{ firstItem.toLocaleString('en') }} - {{ lastItem.toLocaleString('en') }} of {{ total.toLocaleString('en') }} results; showing
{{ firstItem.toLocaleString('en') }} - {{ lastItem.toLocaleString('en') }}
of {{ total.toLocaleString('en') }} results;
</span> </span>
<b-select v-model="perPage" <b-select v-model="perPage"
size="is-small" size="is-small"
@ -204,10 +206,10 @@
<option value="${value}">${value}</option> <option value="${value}">${value}</option>
% endfor % endfor
</b-select> </b-select>
<span class="control"> <span>
per page per page
</span> </span>
</b-field> </div>
% endif % endif
</div> </div>