fix slider height

resources/bhouse.js

@@ -69,10 +69,11 @@ window.onload = function() {
     for (i = 0; i < heightImgIndex.length; i++) {
       console.log(heightImgIndex[i]);
       if (nextSlide == heightImgIndex[i]) {
-        allSlideImg[nextSlide].style.cssText = `
-        height: 500px; 
-        margin: auto;
-      `;
+      //   allSlideImg[nextSlide].style.cssText = `
+      //   height: 500px; 
+      //   margin: auto;
+      // `;
+      allSlideImg[nextSlide].classList.add("img-height-vw");
       } else {
         allSlideImg[heightImgIndex[i]].style.height = '0px';
       }

themes/hugo-universal-theme-master/static/css/style.bhouse.css

@@ -1128,6 +1128,15 @@ input[type=search]::-webkit-search-cancel-button {
   text-align: right;
 }
 
+.img-height-vw {
+  height: 35vw !important;
+}
+@media (max-width: 767px) {
+  .img-height-vw {
+    height: 65vw !important;
+  }
+}
+
 /* 成家故事作品集-collection end */
 /* 成家故事作品集內頁-simple_korean_style_hous start */
 .bg-portfolio .bg-img {

themes/hugo-universal-theme-master/static/css/style.bhouse.scss

@@ -1251,6 +1251,13 @@ input[type="search"]::-webkit-search-cancel-button {
   text-align: right;
 }
 
+.img-height-vw {
+  height: 35vw !important;
+  @media (max-width: 767px) {
+    height: 65vw !important;
+  }
+}
+
 /* 成家故事作品集-collection end */
 
 /* 成家故事作品集內頁-simple_korean_style_hous start */

themes/hugo-universal-theme-master/static/js/bhouse.js

@@ -33,10 +33,11 @@ window.onload = function () {
     console.log('height / width = ', x);
     if (x >= 1) {
       if (i === 0) {
-        $(this).css({
-          'height': 500 + 'px',
-          "margin": 'auto',
-        });
+        $(this).addClass("img-height-vw");
+        // $(this).css({
+        //   'height': 500 + 'px',
+        //   "margin": 'auto',
+        // });
       } else {
         // 預設高度為 0
         $(this).css({
@@ -73,10 +74,11 @@ window.onload = function () {
     for (i = 0; i < heightImgIndex.length; i++) {
       console.log(heightImgIndex[i]);
       if (nextSlide == heightImgIndex[i]) {
-        allSlideImg[nextSlide].style.cssText = `
-        height: 500px; 
-        margin: auto;
-      `;
+       //   allSlideImg[nextSlide].style.cssText = `
+        //   height: 500px; 
+        //   margin: auto;
+        // `;
+      allSlideImg[nextSlide].classList.add("img-height-vw");
       } else {
         allSlideImg[heightImgIndex[i]].style.height = '0px';
       }