fix(gui): correct border radius of navbar icons

fix #211

Signed-off-by: Pranav C Balan <pranavxc@gmail.com>

packages/nc-gui/layouts/default.vue

@@ -67,7 +67,7 @@
 
 
       <v-spacer></v-spacer>
-      <div style="position: absolute; top:0;left:0;width:100%; pointer-events: none">
+      <div style="position: absolute; top:0;left:0;width:100%; pointer-events: none" class="d-flex align-center">
         <h5 class="text-center mx-auto mb-0 mt-1 title font-weight-bold text-capitalize"
             v-if="isDashboard && $store.getters['project/GtrProjectName'] !== '__project__'">
           <v-icon small class="mr-2\1" color="grey lighten-2">
@@ -1296,28 +1296,8 @@ export default {
     },
     changeTheme() {
       this.$store.dispatch('windows/ActToggleDarkMode', !this.$store.state.windows.darkTheme);
+    }
   },
-    // async loadRoles() {
-    //   if (this.$store.getters['users/GtrIsAdmin']) {
-    //     const roles = (await this.$axios.get('/admin/roles', {
-    //       headers: {
-    //         'xc-auth': this.$store.state.users.token
-    //       }
-    //     })).data;
-    //     this.rolesList = roles.filter(role => !['owner', 'creator', 'guest'].includes(role.title))
-    //   } else {
-    //     this.rolesList = null;
-    //     this.previewAs = null;
-    //   }
-    // }
-  },
-  // async created() {
-  // await this.loadRoles();
-  //   this.$store.watch(
-  //     state => state.users && state.users.user,
-  //     async (user) => await this.loadRoles()
-  //   );
-  // },
 
 };
 </script>
@@ -1364,6 +1344,11 @@ a {
   animation-iteration-count: infinite;
 }
 
+/deep/ .v-toolbar__items{
+  align-items: center;
+}
+
+
 </style>
 
 

packages/nc-gui/pages/index.vue

@@ -104,7 +104,7 @@ a revolutionary tech comes
       </p>
 
 
-      <v-carousel class="mt-14" v-if="typed" hide-delimiters height="50" :show-arrows="false" cycle interval="1500">
+      <v-carousel class="mt-14" v-show="typed" hide-delimiters height="50" :show-arrows="false" cycle interval="1500">
         <v-carousel-item
           v-for="(item,i) in carItems"
           :key="i"
@@ -501,7 +501,7 @@ export default {
         this.simpleAnim();
         // const int = setInterval(() => {
         //   if (++this.showAnimText === 3) clearInterval(int)
-        // },2000)
+        // },2000) f
       }
     };
     document.addEventListener('mousemove', handler)