瀏覽代碼

try fix footer

alexlcdee 8 年之前
父節點
當前提交
0f1024eb6d
共有 4 個文件被更改,包括 31 次插入5 次删除
  1. 14 3
      src/files/css/main.css
  2. 0 0
      src/files/css/main.css.map
  3. 5 0
      src/files/scss/_bottom-menu.scss
  4. 12 2
      src/files/scss/_media-overrides.scss

+ 14 - 3
src/files/css/main.css

@@ -9573,6 +9573,9 @@ footer .copyright .logo {
   padding: 0 40px 0 0;
   font-family: "Cuprum", Impact, "Charcoal CY", sans-serif;
   min-height: 1px; }
+  @media (max-width: 768px) {
+    .footer-menu__container {
+      width: calc(50% - 10px); } }
 .footer-menu__header {
   color: #75787b;
   font-weight: 700;
@@ -9932,7 +9935,13 @@ footer .copyright .logo {
 
   .specs-container .today .today-item {
     float: left;
-    width: 33.333332%; } }
+    width: 33.333332%; }
+
+  .special-items__item--one-third {
+    width: calc(50% - 10px); }
+
+  .shortnews__item--one-third {
+    width: calc(50% - 10px); } }
 @media (min-width: 1200px) {
   .swiper-container {
     height: 290px; }
@@ -10310,10 +10319,12 @@ footer .copyright .logo {
   .content .unit-clinics .clinic .clinic-image {
     display: none; }
 
-  .special-items__item--half-size {
+  .special-items__item--half-size,
+  .special-items__item--one-third {
     width: 100%; }
 
-  .shortnews__item--half-size {
+  .shortnews__item--half-size,
+  .shortnews__item--one-third {
     width: 100%; } }
 @media (max-width: 400px) {
   .container .importants-unit .important .description {

文件差異過大導致無法顯示
+ 0 - 0
src/files/css/main.css.map


+ 5 - 0
src/files/scss/_bottom-menu.scss

@@ -5,6 +5,11 @@
     padding: 0 40px 0 0;
     font-family: $fontcuprum;
     min-height: 1px;
+
+    @media (max-width: 768px) {
+      width: calc(50% - 10px);
+      padding: 0 10px;
+    }
   }
   &__header {
     color: #75787b;

+ 12 - 2
src/files/scss/_media-overrides.scss

@@ -28,6 +28,14 @@
         float: left;
         width: 33.333332%;
     }
+
+    .special-items__item--one-third{
+        width: calc(50% - 10px);
+    }
+
+    .shortnews__item--one-third {
+        width: calc(50% - 10px);
+    }
 }
 
 @media (min-width: 1200px) {
@@ -528,11 +536,13 @@
         display: none;
     }
 
-    .special-items__item--half-size {
+    .special-items__item--half-size,
+    .special-items__item--one-third{
         width: 100%;
     }
 
-    .shortnews__item--half-size {
+    .shortnews__item--half-size,
+    .shortnews__item--one-third {
         width: 100%;
     }
 }

部分文件因文件數量過多而無法顯示