diff --git a/website/client/assets/scss/colors.scss b/website/client/assets/scss/colors.scss index 6e54888ef7..a21990ccca 100644 --- a/website/client/assets/scss/colors.scss +++ b/website/client/assets/scss/colors.scss @@ -60,6 +60,9 @@ $green-50: #3FDAA2; $green-100: #5AEAB2; $green-500: #A6FFDF; +$orange-10: #ee9109; +$orange-50: #bf7d1a; + $suggested-item-color: #D5C8FF; $healer-color: #cf8229; diff --git a/website/client/components/groups/group.vue b/website/client/components/groups/group.vue index 0ed7ce7bda..ff5372f734 100644 --- a/website/client/components/groups/group.vue +++ b/website/client/components/groups/group.vue @@ -38,6 +38,9 @@ .col-6.chat-send-actions button.btn.btn-secondary.send-chat.float-right(v-once, @click='sendMessage()') {{ $t('send') }} community-guidelines + .row(v-if='showNoNotificationsMessage') + .col-12.no-notifications + | {{$t('groupNoNotifications')}} .row .col-12.hr chat-message(:chat.sync='group.chat', :group-id='group._id', :group-name='group.name') @@ -297,6 +300,17 @@ text-align: center; margin: 2em 0; } + + .no-notifications { + border-radius: 4px; + border: solid 1px $orange-10; + padding: 1em; + margin-top: 3em; + text-align: center; + font-size: 14px; + font-weight: bold; + color: $orange-50; + }