dnitza/adamantium
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix videos in status posts

Browse Source
This commit is contained in:
Daniel Nitsikopoulos
2024-04-21 13:57:40 +10:00
parent 43b92f49be
commit 7398ea2d13
5 changed files with 34 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
slices/main/templates/shared/_status.html.slim
View File

@@ -1,17 +1,26 @@
div class="mb-8 h-entry border border-gray-200 m-2 p-4 bg-gray-50 hover:bg-gray-100 dark:border-slate-800 dark:bg-slate-900 dark:hover:bg-slate-950 hover:dark:border-slate-900 rounded"
a class="border-b-2 border-transparent hover:border-blue-600 hover:border-b-2" href="/post/#{post.slug}"
div class="e-content prose-p:mb-0 prose-img:my-2 prose-a:text-blue-600 prose-a:no-underline hover:prose-a:underline p-name text-base prose prose-ul:list-none prose-ul:pl-0 prose-li:pl-0 text-gray-800 dark:text-gray-200 prose-a:dark:text-gray-100 mb-4 prose-img:rounded"
- if post.photos.count == 0 && post.key_image.nil?
div class="border-b-2 border-transparent"
div
- if !post.photos? && post.key_image.nil?
div class="flex"
div class="text-8xl px-8"
= post.prefix_emoji
div class=""
== post.raw_content
a href="/post/#{post.slug}"
div class="e-content prose-p:mb-0 prose-img:my-2 prose-a:text-blue-600 prose-a:no-underline hover:prose-a:underline p-name text-base prose prose-ul:list-none prose-ul:pl-0 prose-li:pl-0 text-gray-800 dark:text-gray-200 prose-a:dark:text-gray-100 mb-4 prose-img:rounded"
== post.raw_content
-else
== " #{post.prefix_emoji} #{post.raw_content}"
div class="grid gap-4 grid-flow-row grid-cols-4 grid-rows-1"
- post.photos.each do |photo|
img loading="lazy" class="w-32 h-32 object-cover rounded" src=photo["value"]
a href="/post/#{post.slug}"
div class="e-content prose-p:mb-0 prose-img:my-2 prose-a:text-blue-600 prose-a:no-underline hover:prose-a:underline p-name text-base prose prose-ul:list-none prose-ul:pl-0 prose-li:pl-0 text-gray-800 dark:text-gray-200 prose-a:dark:text-gray-100 mb-4 prose-img:rounded"
== " #{post.prefix_emoji} #{post.raw_content}"
- if post.photos?
div class="grid gap-4 grid-flow-row grid-cols-#{post.photos.count > 1 ? "4" : "1"} grid-rows-1"
- post.photos.each do |photo|
img loading="lazy" class="w-32 h-32 object-cover rounded" src=photo["value"]
- if post.videos?
div class="grid gap-4 grid-flow-row grid-cols-#{post.videos.count > 1 ? "4" : "1"} grid-rows-1"
- post.videos.each do |video|
video class="rounded w-max" autoplay=false loop=false muted=true controls=true
source type="video/mp4" src="#{video["value"]}"
== render "shared/tags", tags: post.tags
div class="mb-8"