3 роки тому · e755151fbf
--- a/casedetail.html
+++ b/casedetail.html
@@ -26,8 +26,8 @@
 
				     <link rel="stylesheet" href="css/style.css">
			
 
				 </head>
			
 
				 
			
 
				-<body style="height: 100vh;" >
			
 
				-<div id="hhh-cases">
			
 
				+<body>
			
 
				+    <div id="hhh-cases">
			
 
				     <div>
			
 
				         <div class="modal-content" style="background-color: #6D6D6D;">
			
 
				             
			
--- a/css/style.css
+++ b/css/style.css
@@ -2092,6 +2092,13 @@ body {
 
				   top: 15px;
			
 
				 }
			
 
				 
			
 
				+@media screen and (max-width: 576px) {
			
 
				+  #hhh-cases .case-slick-box {
			
 
				+    height: 60vh;
			
 
				+    position: static;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				 #hhh-cases .img-wrapper-desktopp {
			
 
				   width: 95%;
			
 
				   margin: 0 auto;
			
@@ -2104,10 +2111,22 @@ body {
 
				   margin: 0 auto;
			
 
				 }
			
 
				 
			
 
				+@media screen and (max-width: 576px) {
			
 
				+  #hhh-cases .CaseDetail-slick {
			
 
				+    height: 60vh;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				 #hhh-cases .CaseDetail-slick .slick-slide {
			
 
				   height: 100vh;
			
 
				 }
			
 
				 
			
 
				+@media screen and (max-width: 576px) {
			
 
				+  #hhh-cases .CaseDetail-slick .slick-slide {
			
 
				+    height: 60vh;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				 #hhh-cases .CaseDetail-slick img {
			
 
				   width: 100%;
			
 
				   height: auto;
			
--- a/css/style.css.map
+++ b/css/style.css.map
--- a/css/style.scss
+++ b/css/style.scss
@@ -1722,8 +1722,14 @@ body {
 
				         // width: 100%;
			
 
				         position: sticky;
			
 
				         top:15px;
			
 
				+        @media screen and(max-width:576px) {
			
 
				+            height: 60vh;
			
 
				+            position: static;
			
 
				+
			
 
				+        }
			
 
				         
			
 
				     }
			
 
				+   
			
 
				     .img-wrapper-desktopp{
			
 
				         width: 95%;
			
 
				         margin: 0 auto;
			
@@ -1733,8 +1739,16 @@ body {
 
				         height: 100vh;
			
 
				         width: 95%;
			
 
				         margin:0 auto ;
			
 
				+        @media screen and(max-width:576px) {
			
 
				+            height: 60vh;
			
 
				+           
			
 
				+
			
 
				+        }
			
 
				         .slick-slide {
			
 
				             height: 100vh;
			
 
				+            @media screen and(max-width:576px) {
			
 
				+                height: 60vh;
			
 
				+            }
			
 
				         }
			
 
				         img{
			
 
				             width: 100%;
			
--- a/goto.js
+++ b/goto.js
@@ -283,7 +283,7 @@ function get_data() {
 
				                 };
			
 
				                 // 個案細節
			
 
				                 CaseDetail += '<div class="row px-0 mx-0">'
			
 
				-                CaseDetail += '<div class="col-md-8 case-slick-box" style="overflow-y: hidden;"><div class="img-wrapper-desktopp"><div class="CaseDetail-slick">'
			
 
				+                CaseDetail += '<div class="col-md-8 case-slick-box" style="overflow-y: hidden;"><button type="button" class="btn-close close-window d-block d-md-none mt-3 btn-close-white" style="margin-left:auto"></button><div class="img-wrapper-desktopp"><div class="CaseDetail-slick">'
			
 
				                 // 輪播圖
			
 
				                 for (let j = 0; j < msg[i].CaseDetail.length; j++) {
			
 
				                     CaseDetail +=
			
@@ -295,11 +295,11 @@ function get_data() {
 
				 
			
 
				                 CaseDetail +=
			
 
				                     '<div class="col-md-4" style="background-color:#fff;">\
			
 
				-                    <div class="modal-header border-0">\
			
 
				-                    <button type="button" class="btn-close close-window"></button>\
			
 
				-                </div>\
			
 
				-                <div class="d-flex justify-content-start align-items-center pt-5">\
			
 
				-                <a href="">\
			
 
				+                    <div class="modal-header border-0 display-pc close-window">\
			
 
				+                        <button type="button" class="btn-close"></button>\
			
 
				+                    </div>\
			
 
				+                    <div class="d-flex justify-content-start align-items-center pt-5">\
			
 
				+                    <a href="">\
			
 
				                     <div class="contact-section-avatar me-2">\
			
 
				                         <img class="img-fluid" src="'+ msg[i].ContactDesignerImg + '" alt="">\
			
 
				                     </div>\
			
--- a/js/index.js
+++ b/js/index.js
@@ -14,25 +14,25 @@ let totalPages = {
 
				     company: 0,
			
 
				 };
			
 
				 
			
 
				-// window.onload = function(){
			
 
				-//     if(screen.width < 900){
			
 
				-//         window.location.href = "../index_designerList_mb.html";   
			
 
				-//     }
			
 
				-//     userAgent = navigator.userAgent;
			
 
				-//     detectBrowser(userAgent);
			
 
				-//     detectDirection ();
			
 
				-//     let result;
			
 
				-//     let designer;
			
 
				-//     let id = 0;
			
 
				-//     $.ajax({
			
 
				-//         method: "GET",
			
 
				-//         url: "./json/realtime.json",
			
 
				-//         dataType: "json",
			
 
				-//     }).done(function (msg) {
			
 
				-//         result = [...msg];
			
 
				-//         renderSec00(result);
			
 
				-//     });
			
 
				-// }
			
 
				+window.onload = function(){
			
 
				+    if(screen.width < 900){
			
 
				+        window.location.href = "../index_designerList_mb.html";   
			
 
				+    }
			
 
				+    userAgent = navigator.userAgent;
			
 
				+    detectBrowser(userAgent);
			
 
				+    detectDirection ();
			
 
				+    let result;
			
 
				+    let designer;
			
 
				+    let id = 0;
			
 
				+    $.ajax({
			
 
				+        method: "GET",
			
 
				+        url: "./json/realtime.json",
			
 
				+        dataType: "json",
			
 
				+    }).done(function (msg) {
			
 
				+        result = [...msg];
			
 
				+        renderSec00(result);
			
 
				+    });
			
 
				+}
			
 
				   
			
 
				 
			
 
				 function detectDirection () {