++ Open Web Analytics

https://test.freeplanet.app/owa

src/root/home/home.scss

@@ -303,7 +303,17 @@ body.mobile .landing:before {
   padding: 10px;
 }
 
+.carousel_img_3 {
+  //background-image: url(../../statics/images/cibo_sano.jpg);
+  background-size: cover !important;
+  background-position: 50% center !important;
+  background-repeat: no-repeat !important;
+}
+
+
 @media (max-width: 718px) {
+  // PER VERSIONE MOBILE
+
   .landing__hero {
     text-align: center
   }
@@ -360,6 +370,14 @@ body.mobile .landing:before {
   .text-subtitle3 {
     font-size: 0.75rem;
   }
+
+  .carousel_img_3 {
+    //background-image: url(../../statics/images/cibo_sano.jpg);
+    background-size: 620px 620px !important;
+    background-position: 50% top !important;
+    background-repeat: no-repeat !important;
+  }
+
 }
 
 .custom-caption {
@@ -368,3 +386,4 @@ body.mobile .landing:before {
   color: white;
   background-color: rgba(0, 0, 0, .3);
 }
+

src/root/home/home.ts

@@ -35,6 +35,7 @@ export default class Home extends Vue {
   public $q
   public polling
   public slide = 'first'
+  public animare: number = 0
 
   constructor() {
     super()
@@ -64,6 +65,7 @@ export default class Home extends Vue {
     clearInterval(this.polling)
   }
   public created() {
+    this.animare = process.env.DEV ? 0 : 8000
 
     GlobalStore.actions.prova()
   }

src/root/home/home.vue

@@ -5,7 +5,7 @@
                 <div class="landing__hero">
                     <q-carousel
                             animated
-                            :autoplay="8000"
+                            :autoplay="animare"
                             swipeable
                             infinite
                             navigation
@@ -193,7 +193,7 @@
                             <!--<div class="text-subtitle1">Famous City</div>-->
                             <!--</div>-->
                         </q-carousel-slide>
-                        <q-carousel-slide name="third" img-src="../../statics/images/cibo_sano.jpg">
+                        <q-carousel-slide name="third" img-src="../../statics/images/cibo_sano.jpg" class="carousel_img_3">
                             <div class="landing__header"></div>
                             <div class="landing__hero-content row justify-center q-gutter-xs clgutter">
                                 <div class="row">