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

Small UI changes

Browse Source
This commit is contained in:
Daniel Nitsikopoulos
2024-04-06 08:38:17 +11:00
parent 00551a24cc
commit 7d1a4f726e
2 changed files with 16 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
slices/admin/templates/posts/show.html.slim
View File

@@ -57,8 +57,9 @@ article x-data="$textHighlighter, {isOpen: false, anchorX: 0, anchorY: 0, text:
button
= "Delete"
div @click.outside="isOpen = false" class="p-2 bg-indigo-900 hover:bg-indigo-800 rounded text-white shadow-md shadow-indigo-500" x-show="isOpen" x-anchor.no-style="$refs.bookmarkText" :style="{ position: 'absolute', hidden: isOpen, top: isOpen ? anchorY : '0px', left: isOpen ? anchorX : '0px' }"
form method="POST" class="p-0 m-0" action="/admin/post/#{post.id}/highlight"
input type="hidden" name="post_id" value="#{post.id}"
input class="text-gray-600" type="hidden" x-model="text" name="text"
button = "Save highlight"
- if post.post_type == "bookmark"
div @click.outside="isOpen = false" class="p-2 bg-indigo-900 hover:bg-indigo-800 rounded text-white shadow-md shadow-indigo-500" x-show="isOpen" x-anchor.no-style="$refs.bookmarkText" :style="{ position: 'absolute', hidden: isOpen, top: isOpen ? anchorY : '0px', left: isOpen ? anchorX : '0px' }"
form method="POST" class="p-0 m-0" action="/admin/post/#{post.id}/highlight"
input type="hidden" name="post_id" value="#{post.id}"
input class="text-gray-600" type="hidden" x-model="text" name="text"
button = "Save highlight"

12
slices/main/templates/shared/_reactions.html.slim
View File

@@ -1,3 +1,11 @@
button hx-post="/posts/#{post.slug}/react" hx-trigger="click" class="px-2 py-1 border rounded border-blue-100 dark:border-indigo-900 hover:border-blue-200 hover:bg-blue-100 hover:dark:bg-indigo-900 hover:dark:border-indigo-400 text-gray-400 dark:text-indigo-200 mr-2 hover:scale-110 transition-all" 👍 #{post.reactions.count}
button hx-post="/posts/#{post.slug}/react" hx-trigger="click" class="group no-underline px-2 py-1 border rounded border-blue-100 hover:text-indigo-600 dark:border-indigo-900 hover:border-blue-200 hover:bg-blue-100 hover:dark:bg-indigo-900 hover:dark:border-indigo-400 text-gray-400 dark:text-indigo-200 mr-2 hover:scale-110 transition-all mr-2"
span class="inline-block group-hover:-rotate-12 transition-all"
= "👍 "
span
= " #{post.reactions.count}"
- if post.webmentions && post.webmentions.count == 0 && post.commentable
a class="no-underline px-2 py-1 border rounded border-indigo-900 hover:border-indigo-400 text-indigo-200 mr-2" href="mailto:blog@dnitza.com?subject=About that post of yours&body=%0A%0A---%0A(In reply to #{post.permalink})" ✉️ Reply
a class="group no-underline px-2 py-1 border rounded border-blue-100 hover:text-indigo-600 dark:border-indigo-900 hover:border-blue-200 hover:bg-blue-100 hover:dark:bg-indigo-900 hover:dark:border-indigo-400 text-gray-400 dark:text-indigo-200 mr-2 hover:scale-110 transition-all mr-2" href="mailto:blog@dnitza.com?subject=About that post of yours&body=%0A%0A---%0A(In reply to #{post.permalink})"
span class="inline-block group-hover:-rotate-12 transition-all"
= "💌 "
span
= " Reply "