IT4Change/Ocelot-Social
3
0
Fork 0
mirror of https://github.com/IT4Change/Ocelot-Social.git synced 2025-12-13 07:45:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

Refine notifications page

Browse Source
This commit is contained in:
Wolfgang Huß 2022-11-16 14:16:51 +01:00
parent 61effbe403
commit d26c37a545
1 changed files with 13 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
webapp/pages/notifications/index.vue
View File

@ -16,13 +16,8 @@
:notifications="notifications"
/>
<ds-flex>
<ds-flex-item class="notifications-footer" :width="{ base: '90%' }" centered>
<ds-button ghost primary @click="markAllAsRead" data-test="markAllAsRead-button">
{{ $t('notifications.markAllAsRead') }}
</ds-button>
</ds-flex-item>
<ds-flex-item :width="{ base: '10%' }">
<ds-flex class="notifications-footer">
<ds-flex-item :width="{ base: 'auto' }" centered>
<pagination-buttons
:hasNext="hasNext"
:hasPrevious="hasPrevious"
@ -30,6 +25,16 @@
@next="next"
/>
</ds-flex-item>
<ds-flex-item class="notifications-footer-button" :width="{ base: 'auto' }" centered>
<ds-button
primary
:disabled="unreadNotificationsCount === 0"
@click="markAllAsRead"
data-test="markAllAsRead-button"
>
{{ $t('notifications.markAllAsRead') }}
</ds-button>
</ds-flex-item>
</ds-flex>
</base-card>
</template>
@ -151,6 +156,6 @@ export default {
}
.notifications-footer {
text-align: center;
justify-content: space-evenly;
}
</style>