Videos: Design update

This commit is contained in:
veselcraft 2021-10-08 01:10:07 +03:00
parent 2e467001aa
commit bc2d3e0d79
2 changed files with 19 additions and 4 deletions

View file

@ -264,14 +264,15 @@
</div> </div>
</div> </div>
<div style="padding: 5px;"> <div style="padding: 5px;">
<div class="ovk-video" style="margin-bottom: 1rem; padding: 0 11px;" n:foreach="$videos as $video"> <div class="ovk-video" n:foreach="$videos as $video">
<div style="width: 170px;" align="center"> <a href="/video{$video->getPrettyId()}" class="preview" align="center">
<img <img
src="{$video->getThumbnailURL()}" src="{$video->getThumbnailURL()}"
style="max-width: 170px; margin: auto;" /> style="max-width: 170px; max-height: 127px; margin: auto;" />
</div> </a>
<div> <div>
<b><a href="/video{$video->getPrettyId()}">{ovk_proc_strtr($video->getName(), 30)}</a></b> <b><a href="/video{$video->getPrettyId()}">{ovk_proc_strtr($video->getName(), 30)}</a></b>
<span style="font-size: 10px;">{$video->getPublicationTime()} | {_comments} ({$video->getCommentsCount()})</span>
</div> </div>
</div> </div>
</div> </div>

View file

@ -1356,3 +1356,17 @@ body.scrolled .toTop:hover {
.gift_sel.disabled { .gift_sel.disabled {
opacity: .5; opacity: .5;
} }
.ovk-video {
margin-bottom: 1rem;
padding: 0 6px;
}
.ovk-video > .preview {
width: 170px;
height: 127px;
border: 1px solid #ccc;
align-content: center;
display: flex;
padding: 1px;
}