From 7c273a8bcab2da87acb3431448a53e91e360d5eb Mon Sep 17 00:00:00 2001
From: Udo Walter
Date: Sun, 19 Jan 2020 21:18:15 +0000
Subject: [webapp] upgrade/migration from vuetify 1.5 to 2.X still TODO: switch
 from old grid system (v-layout/v-flex) to the new one (v-row/v-col)

---
 webapp/src/components/NotificationsAlerts.vue | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

(limited to 'webapp/src/components/NotificationsAlerts.vue')

diff --git a/webapp/src/components/NotificationsAlerts.vue b/webapp/src/components/NotificationsAlerts.vue
index efedd2a..e1aafe3 100644
--- a/webapp/src/components/NotificationsAlerts.vue
+++ b/webapp/src/components/NotificationsAlerts.vue
@@ -18,17 +18,19 @@
 <template>
   <div>
     <v-menu v-model="menu" offset-y left :close-on-content-click="false" :nudge-bottom="10" content-class="notifications" attach>
-      <v-btn icon slot="activator" class="tutorial-element label-top-left element-icon" style="--label-number: '4'">
-        <v-badge :value="!menu && newAlertCount" color="red darken-3" bottom>
-              <span slot="badge">{{newAlertCount}}</span>
-              <v-icon>notifications</v-icon>
-        </v-badge>
-      </v-btn>
+      <template #activator="{ on }">
+        <v-btn icon v-on="on" class="tutorial-element label-top-left element-icon" style="--label-number: '4'">
+          <v-badge :value="!menu && newAlertCount" color="red darken-3" bottom>
+                <span slot="badge">{{newAlertCount}}</span>
+                <v-icon>notifications</v-icon>
+          </v-badge>
+        </v-btn>
+      </template>
 
       <v-card>
         <v-card-text>
           <div style="max-height: 70vh; overflow: auto">
-            <div v-if="alerts.length === 0" class="text-xs-center" style="width: 100%">{{ $t('noNotifications') }}</div>
+            <div v-if="alerts.length === 0" class="text-center" style="width: 100%">{{ $t('noNotifications') }}</div>
             <div v-else class="flex-between-center">
               <v-subheader v-if="newAlertCount > 0">{{ $t('new') }}</v-subheader>
               <v-subheader v-else>{{ $t('notifications') }}</v-subheader>
-- 
cgit v1.2.3-55-g7522

