change quick render to card
This commit is contained in:
parent
b9b6279a79
commit
fe197bd7b4
|
@ -642,7 +642,7 @@ pre[class*="language-"] {
|
||||||
height: 450px;
|
height: 450px;
|
||||||
background-position: center center;
|
background-position: center center;
|
||||||
background: #f2f2f2 url('../images/quick-post-load.png') no-repeat center center;
|
background: #f2f2f2 url('../images/quick-post-load.png') no-repeat center center;
|
||||||
border: 2px solid $color-very-light-grey;
|
// border: 2px solid $color-very-light-grey;
|
||||||
border-bottom: 0;
|
border-bottom: 0;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
border-top-left-radius: 5px;
|
border-top-left-radius: 5px;
|
||||||
|
@ -652,10 +652,10 @@ pre[class*="language-"] {
|
||||||
|
|
||||||
&-video {
|
&-video {
|
||||||
.video-ratio {
|
.video-ratio {
|
||||||
border: 2px solid $color-very-light-grey;
|
// border: 2px solid $color-very-light-grey;
|
||||||
border-bottom: 0;
|
// border-bottom: 0;
|
||||||
border-top-left-radius: 5px;
|
// border-top-left-radius: 5px;
|
||||||
border-top-right-radius: 5px;
|
// border-top-right-radius: 5px;
|
||||||
|
|
||||||
iframe {
|
iframe {
|
||||||
border-top-left-radius: 5px;
|
border-top-left-radius: 5px;
|
||||||
|
@ -669,11 +669,6 @@ pre[class*="language-"] {
|
||||||
}
|
}
|
||||||
|
|
||||||
&-body {
|
&-body {
|
||||||
padding: 10px 10px 0 10px;
|
|
||||||
border: 2px solid $color-very-light-grey;
|
|
||||||
margin-top: -7px;
|
|
||||||
border-bottom-left-radius: 5px;
|
|
||||||
border-bottom-right-radius: 5px;
|
|
||||||
word-break: break-all;
|
word-break: break-all;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -25,27 +25,29 @@
|
||||||
{%- endset -%}
|
{%- endset -%}
|
||||||
|
|
||||||
{% if isVideo %}
|
{% if isVideo %}
|
||||||
<div class="quick">
|
<div class="quick card shadow-md m-3 md:ml-0 md:mr-0 bg-box">
|
||||||
<div class="quick-video">
|
<div class="card">
|
||||||
<div class="video-ratio" data-ratio="{{ post.quickVideoHeight * 100 / post.quickVideoWidth }}%">
|
<figure class="quick-video m-0">
|
||||||
<iframe src="{{ post.quickVideo }}" allowfullscreen></iframe>
|
<div class="video-ratio" data-ratio="{{ post.quickVideoHeight * 100 / post.quickVideoWidth }}%">
|
||||||
|
<iframe src="{{ post.quickVideo }}" allowfullscreen></iframe>
|
||||||
|
</div>
|
||||||
|
</figure>
|
||||||
|
|
||||||
|
<div class="quick-body card-body">
|
||||||
|
<h2 class="h4 no-margin card-title">
|
||||||
|
<a href="{{ url }}" target="_blank">
|
||||||
|
{{- title -}}
|
||||||
|
</a>
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
<p class="no-margin">
|
||||||
|
<a href="{{ url }}" target="_blank">{{ url }}</a>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
{{- content|raw -}}
|
||||||
|
{{- more|raw -}}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="quick-body">
|
|
||||||
<h2 class="h4 no-margin">
|
|
||||||
<a href="{{ url }}" target="_blank">
|
|
||||||
{{- title -}}
|
|
||||||
</a>
|
|
||||||
</h2>
|
|
||||||
|
|
||||||
<p class="no-margin">
|
|
||||||
<a href="{{ url }}" target="_blank">{{ url }}</a>
|
|
||||||
</p>
|
|
||||||
|
|
||||||
{{- content|raw -}}
|
|
||||||
{{- more|raw -}}
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
{% elseif not image %}
|
{% elseif not image %}
|
||||||
<div class="quick-body">
|
<div class="quick-body">
|
||||||
|
|
Loading…
Reference in a new issue