ocelot-Social-Community/Ocelot-Social
1
0
Fork 0
mirror of https://github.com/Ocelot-Social-Community/Ocelot-Social.git synced 2025-12-13 07:46:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add class for the flex items

Browse Source
This commit is contained in:
elweyn 2023-03-20 14:08:32 +01:00
parent 4cfbf772a0
commit 393c657e27
2 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
webapp/components/Dropdown.vue
View File

@ -33,7 +33,7 @@ export default {
data() {
return {
isPopoverOpen: false,
developerNoAutoClosing: false, // stops automatic closing of menu for developer purposes: default is 'false'
developerNoAutoClosing: true, // stops automatic closing of menu for developer purposes: default is 'false'
}
},
computed: {

14
webapp/components/NotificationMenu/NotificationMenu.vue
View File

@ -17,14 +17,14 @@
<notification-list :notifications="notifications" @markAsRead="markAsRead" />
</div>
<ds-flex class="notifications-link-container">
<ds-flex-item :width="{ base: 'auto' }" centered>
<ds-flex-item class="notifications-link-container-item" :width="{ base: '100%' }" centered>
<nuxt-link :to="{ name: 'notifications' }">
<base-button ghost primary>
{{ $t('notifications.pageLink') }}
</base-button>
</nuxt-link>
</ds-flex-item>
<ds-flex-item :width="{ base: 'auto' }" centered>
<ds-flex-item class="notifications-link-container-item" :width="{ base: '100%' }" centered>
<base-button ghost primary @click="markAllAsRead" data-test="markAllAsRead-button">
{{ $t('notifications.markAllAsRead') }}
</base-button>
@ -148,11 +148,11 @@ export default {
.notifications-link-container {
background-color: $background-color-softer-active;
justify-content: center;
bottom: 0;
left: 0;
right: 0;
height: 62px;
padding: $space-x-small;
flex-direction: column;
flex-direction: row;
}
.notifications-link-container-item {
justify-content: center;
display: flex;
}
</style>