Zoom Calendar

src/root/home/home.scss

@@ -119,11 +119,11 @@ h4 {
 }
 
 .landing__hero {
-  min-height: 50vh
+  min-height: 20vh
 }
 
 .landing__header {
-  height: 10vh
+  height: 0
 }
 
 .landing__arrow {
@@ -137,8 +137,8 @@ h4 {
 }
 
 .landing__logo {
-  width: 9.40rem;
-  height: 9.40rem;
+  width: 4.40rem;
+  height: 4.40rem;
   margin-top: 1.315rem;
   //-webkit-animation: logo-rotate 240s linear infinite;
   //animation: logo-rotate 240s linear infinite
@@ -333,7 +333,7 @@ body.mobile .landing:before {
 }
 
 .clgutter {
-  margin-top: 1.25rem;
+  margin-top: 0.25rem;
   padding: .62rem;
 }
 
@@ -351,7 +351,7 @@ body.mobile .landing:before {
     text-align: center
   }
   .landing__header {
-    height: 7vh
+    height: 0
   }
   .clgutter {
     margin-top: 0;
@@ -475,3 +475,7 @@ body.mobile .landing:before {
   font-size: 1rem;
 
 }
+
+.q-carousel__slide{
+  background-size: auto;
+}

src/root/home/home.ts

@@ -12,7 +12,7 @@ import { tools } from '@src/store/Modules/tools'
 import { func_tools, toolsext } from '@src/store/Modules/toolsext'
 import { Screen } from 'quasar'
 import MixinMetaTags from '@src/mixins/mixin-metatags'
-import { CCardCarousel, CImgText, CTitleBanner, CStatus, CStatusReg } from '@components'
+import { CCardCarousel, CImgText, CTitleBanner, CStatus, CStatusReg, CNextZoom } from '@components'
 import MixinBase from '@src/mixins/mixin-base'
 import { static_data } from '@src/db/static_data'
 import { INotData } from '@src/model'
@@ -32,7 +32,7 @@ import { INotData } from '@src/model'
 
 @Component({
   mixins: [MixinBase],
-  components: { Logo, Footer, CMyPage, CCardCarousel, CTitleBanner, CImgText, CStatus, CStatusReg }
+  components: { Logo, Footer, CMyPage, CCardCarousel, CTitleBanner, CImgText, CStatus, CStatusReg, CNextZoom }
 })
 export default class Home extends MixinBase {
   public text: string = ''
@@ -56,8 +56,6 @@ export default class Home extends MixinBase {
   public arrvideo_yt = []
   public arrvideo_mp4 = []
 
-
-
   public arrsteps = [
     {
       label: '1',
@@ -196,7 +194,6 @@ export default class Home extends MixinBase {
 
   }
 
-
   public beforeDestroy() {
     // console.log('beforeDestroy')
     clearInterval(this.polling)

src/root/home/home.vue

@@ -18,7 +18,8 @@
               transition-next="slide-left"
               transition-prev="slide-right"
               v-model="slide"
-              height="400px"
+              height="180px"
+              width="180px"
             >
               <q-carousel-slide name="first"
                                 :img-src="getsrcbyimg('../../statics/images/background.jpg')">
@@ -87,6 +88,10 @@
           </div>
         </section>
 
+        <CNextZoom>
+
+        </CNextZoom>
+
         <CStatusReg>
 
         </CStatusReg>