update css

layouts/blog/list.html

@@ -97,7 +97,7 @@
       (function getContentsData() {
         // 線上版網址 http://192.53.174.202:9001/api/
         // 本地端網址 http://localhost:9001/api/
-        fetch('http://localhost:9001/api/contents?url=/blog').then(res => res.json()).then(list => {
+        fetch('http://192.53.174.202:9001/api/contents?url=/blog').then(res => res.json()).then(list => {
           contentsData = list;
           console.log('contentsData', contentsData);
           filterCategory();

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

@@ -518,26 +518,22 @@ img {
 }
 
 .home-content .bottom-box div {
-  position: absolute;
-  bottom: 0;
-  right: 0;
-  left: 0;
   background: rgba(128, 143, 76, 0.8);
-  padding: 20px 50px;
+  padding: 20px 10px 20px 50px;
   @media screen and (max-width: 767px) {
     padding: 20px 10px;
   }
-  @media screen and (max-width: 575px) {
-    position: static;
-  }
 }
 
 .home-content .bottom-box p {
   margin: auto;
-  text-align: right;
+  text-align: left;
   color: #fff;
   font-weight: 700;
   letter-spacing: 2px;
+  display: flex;
+  margin-left: auto;
+  justify-content: end;
 }
 
 .home-content .bottom-box p:first-child {
@@ -550,6 +546,7 @@ img {
 .home-content .bottom-box p:last-child {
   font-size: 16px;
   padding-top: 10px;
+  text-align: end;
   @media screen and (max-width: 767px) {
     font-size: 12px;
   }
@@ -574,10 +571,7 @@ img {
 
 .home-content {
   img {
-    height: 100%;
-    @media (max-width: 575px) {
-      height: auto;
-    }
+    height: auto;
   }
   .bg-img {
     width: 100%;