go/mailpit
1
0
Fork 0
mirror of https://github.com/axllent/mailpit.git synced 2025-12-20 00:12:26 +02:00
Code Issues Releases Activity

Chore: UI tweaks to pagination layout for clearer navigation (#568)

Browse Source
This commit is contained in:
Ralph Slooten
2025-09-26 14:48:51 +12:00
parent 1dd0bf3d29
commit e2314fb3b9
2 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
server/ui-src/assets/_bootstrap_variables.scss
View File

@@ -21,3 +21,4 @@ $enable-negative-margins: true;
$body-color-dark: #e7eaed; $body-color-dark: #e7eaed;
$offcanvas-border-width: 0; $offcanvas-border-width: 0;
$body-color: #080808; $body-color: #080808;
$btn-disabled-opacity: 0.4;

6
server/ui-src/components/NavPagination.vue
View File

@@ -85,7 +85,7 @@ export default {
<template> <template>
<select <select
v-model="pagination.limit" 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" :disabled="total == 0"
@change="changeLimit" @change="changeLimit"
> >
@@ -98,11 +98,11 @@ export default {
<small>of</small> <small>of</small>
{{ formatNumber(total) }} {{ formatNumber(total) }}
</template> </template>
<span v-else class="text-muted">0 of 0</span> <span v-else class="text-light">0 of 0</span>
</small> </small>
<button <button
class="btn btn-outline-light ms-2 me-1" class="btn btn-outline-light ms-2 ms-xl-3 me-1"
:disabled="!canPrev" :disabled="!canPrev"
:title="'View previous ' + pagination.limit + ' messages'" :title="'View previous ' + pagination.limit + ' messages'"
@click="viewPrev" @click="viewPrev"