Cleaner animation

resources/assets/scripts/components/server/subpages/Databases.vue

@@ -3,7 +3,8 @@
         <div v-if="loading">
             <div class="spinner spinner-xl blue"></div>
         </div>
-        <div class="context-box" v-else-if="!databases.length">
+        <div class="animate fadein" v-else>
+            <div class="context-box" v-if="!databases.length">
                 <div class="flex items-center">
                     <database-icon class="flex-none text-grey-darker"></database-icon>
                     <div class="flex-1 px-4 text-grey-darker">
@@ -25,6 +26,7 @@
                 />
             </modal>
         </div>
+    </div>
 </template>
 
 <script>