Browse Source

fix: Align notification spinner

Signed-off-by: Pranav C Balan <pranavxc@gmail.com>
pull/292/head
Pranav C Balan 3 years ago
parent
commit
8d5fcb50f0
  1. 8
      packages/nc-gui/components/notification.vue

8
packages/nc-gui/components/notification.vue

@ -5,19 +5,19 @@
<!-- notification button --> <!-- notification button -->
<template v-slot:activator="{on}"> <template v-slot:activator="{on}">
<div class="d-flex align-center"> <div class="d-flex align-center ml-4 justify-center">
<v-badge v-if="GetHasErrors && !GetPendingStatus" color="red" overlap bottom class="ml-4"> <v-badge v-if="GetHasErrors && !GetPendingStatus" color="red" overlap bottom >
<template v-slot:badge> <template v-slot:badge>
<v-icon v-on="on" size="10">mdi-exclamation</v-icon> <v-icon v-on="on" size="10">mdi-exclamation</v-icon>
</template> </template>
<v-icon v-on="on" size="20">mdi-bell-ring</v-icon> <v-icon v-on="on" size="20">mdi-bell-ring</v-icon>
</v-badge> </v-badge>
<v-icon v-on="on" size="20" v-else class="ml-4">mdi-bell-ring</v-icon> <v-icon v-on="on" size="20" v-else >mdi-bell-ring</v-icon>
<v-progress-circular <v-progress-circular
v-if="GetPendingStatus" v-if="GetPendingStatus"
style="position: absolute" style="position: absolute"
:width="3" :width="3"
size="40" size="30"
color="orange" color="orange"
indeterminate indeterminate
></v-progress-circular> ></v-progress-circular>

Loading…
Cancel
Save