"improve" note_show_live

This commit is contained in:
Inhji 2023-09-24 11:00:02 +02:00
parent 1b68c68644
commit 2bb625af23
2 changed files with 28 additions and 15 deletions

View File

@ -586,7 +586,9 @@ defmodule ChiyaWeb.CoreComponents do
<dt class="w-1/4 flex-none text-[0.8125rem] leading-6 text-gray-500 dark:text-gray-300">
<%= item.title %>
</dt>
<dd class="text-sm leading-6 text-gray-700 dark:text-gray-400"><%= render_slot(item) %></dd>
<dd class="text-sm leading-6 text-gray-700 dark:text-gray-400 overflow-auto">
<%= render_slot(item) %>
</dd>
</div>
</dl>
</div>

View File

@ -37,20 +37,31 @@ defmodule ChiyaWeb.NoteShowLive do
</:actions>
</.header>
<.list>
<:item title="Published at">
<%= pretty_date(@note.published_at) %> <span>(<%= from_now(@note.published_at) %>)</span>
</:item>
<:item title="Channels"><%= note_channels(@note.channels) %></:item>
<:item title="Kind"><%= @note.kind %></:item>
<:item title="Url"><%= @note.url %></:item>
<:item title="Tags"><%= note_tags(@note.tags) %></:item>
<:item title="Links outgoing"><%= note_links(@note.links_from) %></:item>
<:item title="Links incoming"><%= note_links(@note.links_to) %></:item>
<:item title="Embed">
<pre class="p-1 bg-gray-100 text-black rounded select-all">[[<%= @note.slug %>]]</pre>
</:item>
</.list>
<section class="mt-4">
<div class="select-all font-mono bg-white p-1 rounded">[[<%= @note.slug %>]]</div>
</section>
<section class="grid grid-cols-2">
<section class="col-span-1">
<.list>
<:item title="Published at">
<%= pretty_date(@note.published_at) %> <span>(<%= from_now(@note.published_at) %>)</span>
</:item>
<:item title="Channels"><%= note_channels(@note.channels) %></:item>
<:item title="Kind"><%= @note.kind %></:item>
<:item title="Url"><a href={@note.url} target="_blank"><%= @note.url %></a></:item>
<:item title="Tags"><%= note_tags(@note.tags) %></:item>
<:item title="Links outgoing"><%= note_links(@note.links_from) %></:item>
<:item title="Links incoming"><%= note_links(@note.links_to) %></:item>
</.list>
</section>
<section class="col-span-1 p-6">
<section class="prose">
<%= raw(Markdown.render(@note.content)) %>
</section>
</section>
</section>
<.line />