fix: demo animation

components/applications-list.vue

@@ -44,11 +44,11 @@ export default {
 </script>
 
 <template>
-  <section>
+  <section class="bg-slate-300 p-8 bg-gradient-to-r from-violet-100 to-indigo-100 rounded-t-xl">
     <h2 class="title">
       Pre-configured applications
     </h2>
-    <ul class="flex justify-center p-4 m-4 max-w-full flex-wrap">
+    <ul class="flex justify-center p-2 max-w-full flex-wrap">
       <li v-for="app in apps" :key="app" class="m-4">
         <a
           :href="
@@ -57,7 +57,7 @@ export default {
           "
           :title="app.name"
         >
-          <component :is="app.component" class="app" />
+          <component :is="app.component" class="app hover:scale-110" />
         </a>
       </li>
     </ul>