ayo/threads
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style: use .media class

Browse source
This commit is contained in:
Ayo Ayco 2024-04-26 16:27:42 +02:00
parent a7d8e3c7e0
commit eff0011fc3
1 changed files with 6 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
templates/threads.html
View file

@ -38,6 +38,7 @@
ul { ul {
list-style: none; list-style: none;
} }
.card { .card {
border-bottom: 1px solid rgba(34, 34, 34, 0.15); border-bottom: 1px solid rgba(34, 34, 34, 0.15);
margin-left: -40px; margin-left: -40px;
@ -67,7 +68,7 @@
& .body { & .body {
& img:not(.emoji), & video, & .link_card { & .media, & .link_card {
margin-bottom: 5px; margin-bottom: 5px;
} }
@ -180,9 +181,9 @@
{% if thread.descendants is defined %} {% if thread.descendants is defined %}
{% for media in thread.media_attachments %} {% for media in thread.media_attachments %}
{% if media.type == 'image'%} {% if media.type == 'image'%}
<img src="{{media.preview_url}}" /> <img class="media" src="{{media.preview_url}}" />
{% elif media.type == 'gifv' %} {% elif media.type == 'gifv' %}
<video controls autoplay="autoplay" muted loop> <video class="media" controls autoplay="autoplay" muted loop>
<source src="{{media.url}}" type="video/mp4"> <source src="{{media.url}}" type="video/mp4">
Your browser does not support the video tag. Your browser does not support the video tag.
</video> </video>
@ -211,9 +212,9 @@
{{ descendant.content | safe }} {{ descendant.content | safe }}
{% for media in descendant.media_attachments%} {% for media in descendant.media_attachments%}
{% if media.type == 'image'%} {% if media.type == 'image'%}
<img src="{{media.preview_url}}" /> <img class="media" src="{{media.preview_url}}" />
{% elif media.type == 'gifv' %} {% elif media.type == 'gifv' %}
<video controls autoplay="autoplay" muted loop> <video class="media" controls autoplay="autoplay" muted loop>
<source src="{{media.url}}" type="video/mp4"> <source src="{{media.url}}" type="video/mp4">
Your browser does not support the video tag. Your browser does not support the video tag.
</video> </video>