no message

src/components/trip/block/allDay.vue

 <template>
     <div class="block-item">
-        <!-- transition-prev="scale"
-                transition-next="scale" -->
-                <!-- transition-prev="slide-right" 
-                transition-next="slide-left"  -->
-        <q-carousel v-model="slide" 
-                transition-prev="slide-right" 
-                transition-next="slide-left" 
-                swipeable animated
-                control-color="white" infinite arrows height="100%"
-                class="my-bg-grey text-black shadow-1 no-shadow"
-                control-type="regular"
-                :arrows="day.details.length>0?false:false"
-                control-text-color="primary"
-                ref="carousel"
-                >
+        <q-carousel
+          swipeable
+          animated
+          v-model="slide"
+          infinite
+          :autoplay="autoplay"
+          transition-prev="slide-right"
+          transition-next="slide-left"
+          ref="carousel">
                 <template v-for="(x, i) in day.details">
                     <q-carousel-slide :name="i" class="column no-wrap">
                         <div class="bg-white row">
@@ -178,6 +172,9 @@
   };
   </script>
   <style scoped>
+    .q-carousel{
+      height: auto !important;
+    }
     .q-carousel__slide{
         padding: 0 !important;
     }