fix mrna issue

src/fe/mrna/css/all.css

@@ -13873,11 +13873,6 @@ p {
   .modal-feature .modal__principle__item {
     width: 6.5em;
     height: 6.5em;
-  }
-  .modal-feature .modal__principle__item-blue::before {
-    display: none;
-  }
-  .modal-feature .modal__principle__item {
     padding: 0;
     display: flex;
     justify-content: center;
@@ -13885,8 +13880,15 @@ p {
     margin-bottom: 0.6em;
   }
   .modal-feature .modal__principle__item-blue {
+    margin: 0 1em 0.6em;
     padding: 0;
   }
+  .modal-feature .modal__principle__item-blue::before {
+    display: none;
+  }
+  .modal-feature .modal__principle__item-red {
+    margin: 0 1em 0.6em;
+  }
   .modal-feature .modal__principle__title {
     margin-bottom: 0;
   }

src/fe/mrna/css/component/_modal.scss

@@ -483,20 +483,20 @@
                 &__item {
                     width: 6.5em;
                     height: 6.5em;
-                    &-blue {
-                        &::before {
-                            display: none;
-                        }
-                    }
-                }
-                &__item {
                     padding: 0;
                     display: flex;
                     justify-content: center;
                     align-items: center;
                     margin-bottom: 0.6em;
                     &-blue {
+                        margin: 0 1em 0.6em;
                         padding: 0;
+                        &::before {
+                            display: none;
+                        }
+                    }
+                    &-red {
+                        margin: 0 1em 0.6em;
                     }
                 }
                 &__title {

src/fe/mrna/index.html

@@ -84,7 +84,7 @@
           <div class="header__nav__item__line"></div>
         </a>
         <a href="https://event.leecy.org.tw/mrna/#qa" class="header__nav__item header__nav__item-qa" data-anchor="qa">
-          <p>COVID-19疫苗常見問題</p>
+          <p>mRNA疫苗常見問題</p>
           <div class="header__nav__item__line"></div>
         </a>
         <a href="https://event.leecy.org.tw/mrna/#moreref" class="header__nav__item header__nav__item-moreref" data-anchor="moreref">
@@ -589,9 +589,9 @@
         〔22〕Taiwan CDC/COVID-19疫苗Q&A/8.孕婦及哺乳婦女: <a href="https://www.cdc.gov.tw/Category/QAPage/aVLK2xpg8y3KYmkLK8X6iA" target="_blank">https://www.cdc.gov.tw/Category/QAPage/aVLK2xpg8y3KYmkLK8X6iA</a>
         〔23〕台灣感染症醫學會/6個月-5歲之嬰幼兒疫苗接種建議: <a href="https://fightcovid19.com.tw/" target="_blank">https://fightcovid19.com.tw/</a>
       </p>
-      <div class="copyright">
+      <!-- <div class="copyright">
         <p>TW-COV-2300085, Oct 2023</p>
-      </div>
+      </div> -->
     </footer>
   </div>
 

src/fe/mrna/js/main.js

@@ -70,7 +70,7 @@ main = function () {
 		// 	lenisHandler();
 		// }
 
-		// $("#showModal").modal('show');
+		// $("#featureModal").modal('show');
 
 		loadImagesAndPerformAction(imgUrls, startHandler);