thumbnail above audioplayer
This commit is contained in:
parent
2578a97b0c
commit
9c44e447ba
@ -22,11 +22,13 @@
|
||||
<video id="player" src="{{ dest }}" style="max-width: 1280px; height: 50%;" preload="auto" autoplay controls loop></video>
|
||||
{% elseif item == "audio" %}
|
||||
{% if thumb != null %}
|
||||
<!--<div class="audiothumbnail">-->
|
||||
<img src="{{ thumb }}" />
|
||||
<!--</div>-->
|
||||
<div class="audiothumbnail">
|
||||
<img src="{{ thumb }}" /><br />
|
||||
{% endif %}
|
||||
<audio id="player" controls loop src="{{ dest }}" type="audio/mp3" autoplay></audio>
|
||||
{% if thumb != null %}
|
||||
</div>
|
||||
{% endif %}
|
||||
<audio id="player" controls loop src="{{ dest }}" type="audio/mp3" autoplay></audio><br />
|
||||
{% elseif item == "image" %}
|
||||
<a href="{{ dest }}" target="_blank"><img src="{{ dest }}" style="max-width: 1024px" /></a>
|
||||
{% else %}
|
||||
|
17
s/style.css
17
s/style.css
@ -55,11 +55,10 @@ a:hover {
|
||||
.medium, .thumbnail {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
/* align-items: center; */
|
||||
margin-top: 5px;
|
||||
}
|
||||
.info {
|
||||
/* text-align: center; */
|
||||
padding-top: 5px;
|
||||
padding-top: 5px;
|
||||
}
|
||||
.id {
|
||||
text-align: center;
|
||||
@ -84,10 +83,10 @@ code {
|
||||
}
|
||||
|
||||
.panel {
|
||||
margin-bottom: 0;
|
||||
background-color: rgba(34, 34, 34, 0.61);
|
||||
border: 5px solid #383838;
|
||||
border-radius: 0px;
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
margin-bottom: 0;
|
||||
background-color: rgba(34, 34, 34, 0.61);
|
||||
border: 5px solid #383838;
|
||||
border-radius: 0px;
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
Loading…
Reference in New Issue
Block a user