15308555518/ website
1
0
Fork 0
mirror of https://github.com/kubesphere/website.git synced 2025-12-26 00:12:48 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

update live page 

Signed-off-by: liuboaibc <kukudehero@gmail.com>
This commit is contained in:
liuboaibc 2021-05-27 14:02:22 +08:00
parent 267ac289a1
commit 67ea8c7dc3
2 changed files with 19 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
assets/scss/live.scss
View File

@ -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 {

3
layouts/live/list.html
View File

@ -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>