fix searchModal

hhh_index/css/style.css

@@ -3362,6 +3362,7 @@ iframe {
 }
 .search-modal .keyword-list {
   display: flex;
+  align-items: center;
   padding: 0 20px;
 }
 @media (max-width: 991px) {
@@ -3374,6 +3375,7 @@ iframe {
   margin-right: 10px;
 }
 .search-modal .keyword-list ul {
+  margin: 0;
   padding: 0;
   display: flex;
   flex-wrap: wrap;

hhh_index/css/style.scss

@@ -4109,6 +4109,7 @@ iframe {
 
   .keyword-list {
     display: flex;
+    align-items: center;
     padding: 0 20px;
 
     @media (max-width: 991px) {
@@ -4121,6 +4122,7 @@ iframe {
     }
 
     ul {
+      margin: 0;
       padding: 0;
       display: flex;
       flex-wrap: wrap;

hhh_index/template/nav-new.html

@@ -546,35 +546,6 @@
   </div>
 </nav>
 
-<!-- Modal -->
-<div class="modal fade search-modal" id="searchModal" tabindex="-1" aria-labelledby="searchModalLabel"
-  aria-hidden="true">
-  <div class="modal-dialog modal-dialog-centered modal-lg">
-    <div class="modal-content">
-      <div class="modal-body">
-        <div class="input-group">
-          <input type="text" class="form-control keyword" placeholder="請輸入關鍵字" aria-label="Please enter keywords"
-            aria-describedby="search-input" />
-          <span class="input-group-text" id="search-input">全站搜尋</span>
-        </div>
-      </div>
-      <section class="keyword-list">
-        <span>熱搜關鍵字：</span>
-        <ul>
-          <li>客變</li>
-          <li>小坪數</li>
-          <li>老屋翻新</li>
-          <li>收納</li>
-          <li>軟裝佈置</li>
-          <li>新手裝修</li>
-          <li>風水</li>
-          <li>北歐風</li>
-        </ul>
-      </section>
-    </div>
-  </div>
-</div>
-
 <script>
   // 首頁搜尋
   $(".search-modal .keyword-list li").on("click", (e) => {

index_used.html

@@ -123,6 +123,35 @@
   <!-- 動態載入 -->
   <div id="navbar"></div>
 
+  <!-- searchModal -->
+  <div class="modal fade search-modal" id="searchModal" tabindex="-1" aria-labelledby="searchModalLabel"
+    aria-hidden="true">
+    <div class="modal-dialog modal-dialog-centered modal-lg">
+      <div class="modal-content">
+        <div class="modal-body">
+          <div class="input-group">
+            <input type="text" class="form-control keyword" placeholder="請輸入關鍵字" aria-label="Please enter keywords"
+              aria-describedby="search-input" />
+            <span class="input-group-text" id="search-input">全站搜尋</span>
+          </div>
+        </div>
+        <section class="keyword-list">
+          <span>熱搜關鍵字：</span>
+          <ul>
+            <li>客變</li>
+            <li>小坪數</li>
+            <li>老屋翻新</li>
+            <li>收納</li>
+            <li>軟裝佈置</li>
+            <li>新手裝修</li>
+            <li>風水</li>
+            <li>北歐風</li>
+          </ul>
+        </section>
+      </div>
+    </div>
+  </div>
+
   <!-- <section class="w-100 hero">
     <div style="padding:0;margin:0;">
       <img class="img-fluid w-100 hero__img" src="" alt="">
@@ -166,7 +195,8 @@
               <img src="./hhh_index/images/icon/bag-shopping-solid.svg" alt="嚴選好物">
               <img src="./hhh_index/images/icon/bag-shopping-solid.svg" alt="嚴選好物">
             </section>
-             嚴選好物<span></span></a>
+            嚴選好物<span></span>
+          </a>
         </div>
       </div>