diff options
author | greta <gretadoci@gmail.com> | 2022-11-03 19:24:50 +0300 |
---|---|---|
committer | greta <gretadoci@gmail.com> | 2022-11-03 19:24:50 +0300 |
commit | 5d1ec1126bd8c52d2d65bedb6363d4a1f181c4dd (patch) | |
tree | 9c6e72d573361ac9ae08fcd927c4f57cdd496d07 | |
parent | eecb86e284e14a3232f2d1bb861bbdb437126312 (diff) |
Add icon for load more on PI
Signed-off-by: greta <gretadoci@gmail.com>
-rw-r--r-- | src/components/EnvelopeList.vue | 8 |
1 files changed, 8 insertions, 0 deletions
diff --git a/src/components/EnvelopeList.vue b/src/components/EnvelopeList.vue index 6da8e93a7..1a8b339cd 100644 --- a/src/components/EnvelopeList.vue +++ b/src/components/EnvelopeList.vue @@ -196,6 +196,7 @@ :key="'list-collapse-' + searchQuery" class="load-more" @click="$emit('load-more')"> + <AddIcon :size="20" /> {{ t('mail', 'Load more') }} </div> <div id="load-more-mail-messages" key="loadingMore" :class="{'icon-loading-small': loadingMore}" /> @@ -210,6 +211,7 @@ import Envelope from './Envelope' import IconDelete from 'vue-material-design-icons/Delete' import ImportantIcon from './icons/ImportantIcon' import IconSelect from 'vue-material-design-icons/CloseThick' +import AddIcon from 'vue-material-design-icons/Plus' import IconFavorite from 'vue-material-design-icons/Star' import logger from '../logger' import MoveModal from './MoveModal' @@ -225,6 +227,7 @@ export default { name: 'EnvelopeList', components: { Actions, + AddIcon, ActionButton, Envelope, IconDelete, @@ -497,6 +500,11 @@ div { margin-top: 10px; cursor: pointer; color: var(--color-text-maxcontrast); + display: inline-flex; + gap: 15px; +} +.plus-icon { + margin-left: 20px; } .multiselect-header { |