mirror of
https://github.com/axllent/mailpit.git
synced 2025-12-20 00:12:26 +02:00
Chore: UI tweaks to pagination layout for clearer navigation (#568)
This commit is contained in:
@@ -21,3 +21,4 @@ $enable-negative-margins: true;
|
||||
$body-color-dark: #e7eaed;
|
||||
$offcanvas-border-width: 0;
|
||||
$body-color: #080808;
|
||||
$btn-disabled-opacity: 0.4;
|
||||
|
||||
@@ -85,7 +85,7 @@ export default {
|
||||
<template>
|
||||
<select
|
||||
v-model="pagination.limit"
|
||||
class="form-select form-select-sm d-inline w-auto me-2"
|
||||
class="form-select form-select-sm d-inline w-auto me-2 me-xl-3"
|
||||
:disabled="total == 0"
|
||||
@change="changeLimit"
|
||||
>
|
||||
@@ -98,11 +98,11 @@ export default {
|
||||
<small>of</small>
|
||||
{{ formatNumber(total) }}
|
||||
</template>
|
||||
<span v-else class="text-muted">0 of 0</span>
|
||||
<span v-else class="text-light">0 of 0</span>
|
||||
</small>
|
||||
|
||||
<button
|
||||
class="btn btn-outline-light ms-2 me-1"
|
||||
class="btn btn-outline-light ms-2 ms-xl-3 me-1"
|
||||
:disabled="!canPrev"
|
||||
:title="'View previous ' + pagination.limit + ' messages'"
|
||||
@click="viewPrev"
|
||||
|
||||
Reference in New Issue
Block a user