From 67ea8c7dc3055dd68be2c34dc753f5d5970d24d2 Mon Sep 17 00:00:00 2001
From: liuboaibc <kukudehero@gmail.com>
Date: Thu, 27 May 2021 14:02:22 +0800
Subject: [PATCH] update live page

Signed-off-by: liuboaibc <kukudehero@gmail.com>
---
 assets/scss/live.scss  | 17 +++++++++++++++++
 layouts/live/list.html |  3 ++-
 2 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/assets/scss/live.scss b/assets/scss/live.scss
index 8d2e677ce..e3611b66c 100644
--- a/assets/scss/live.scss
+++ b/assets/scss/live.scss
@@ -37,6 +37,7 @@
     }
 
     .live-2-left {
+      position: relative;
       width: 840px;
       height: 400px;
       @media only screen and (max-width: $mobile-max-width) {
@@ -49,6 +50,22 @@
         min-height: 200px;
         object-fit: cover;
       }
+      button {
+        position: absolute;
+        right: 20px;
+        bottom: 20px;
+        padding: 10px 20px;
+        border-radius: 28px;
+        font-size: 16px;
+        color: #ffffff;
+        border: none;
+        cursor: pointer;
+        box-shadow: 0 10px 50px 0 rgba(34, 43, 62, 0.1), 0 8px 16px 0 rgba(33, 43, 61, 0.2), 0 10px 50px 0 rgba(34, 43, 62, 0.1);
+        background-image: linear-gradient(to bottom, rgba(85, 188, 138, 0), rgba(85, 188, 138, 0.1) 97%), linear-gradient(to bottom, #55bc8a, #55bc8a);
+        &:hover {
+          box-shadow: none;
+        }
+      }
     }
 
     .live-2-right {
diff --git a/layouts/live/list.html b/layouts/live/list.html
index c84579ef3..442afbac4 100644
--- a/layouts/live/list.html
+++ b/layouts/live/list.html
@@ -14,6 +14,7 @@
       <div class="live-2-left">
           <a href="{{ .url }}">
             <img src="{{ .image }}" alt="">
+            <button>{{ i18n "View details" }}</button>
           </a>
       </div>
       <div class="live-2-right">
@@ -113,7 +114,7 @@
         <div class="left-div">
             <h2>{{ .title }}</h2>
             <p>{{ .content }}</p>
-            <a class="btn-a" href="{{ .url }}">{{ .btn }}</a>
+            <a class="btn-a" href="{{ .url }}" target="_blank">{{ .btn }}</a>
         </div>
         <img src="{{ .image }}" alt="">
     </div>