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