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

Design cleanup

Browse Source
This commit is contained in:
Daniel Nitsikopoulos
2023-02-25 17:44:57 +11:00
parent 58124efde5
commit f5fe1c6f6f
4 changed files with 42 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
app/templates/bookmarks/show.html.slim
View File

@@ -12,8 +12,13 @@ div class="prose max-w-prose mx-auto text-gray-800 dark:text-gray-200 grid grid-
div class="mb-8 max-w-screen-md mx-auto border-t-4 border-solid border-gray-400 dark:border-gray-600"
div class="mb-2 max-w-prose mx-auto text-gray-800 dark:text-gray-200 flex"
= "Published #{bookmark.display_published_at}"
div class="max-w-prose mx-auto text-gray-600 dark:text-gray-200 flex"
div class=""
= "Published "
time class="dt-published" datetime=bookmark.machine_published_at
= bookmark.display_published_at
span class="text-right flex-1"
== render :tags, tags: bookmark.tags

2
app/templates/posts/show.html.slim
View File

@@ -22,7 +22,7 @@ article class="h-entry"
div class="max-w-prose mx-auto text-gray-600 dark:text-gray-200 flex"
div class=""
= "Published "
time class="dt-published" datetime=post.published_at
time class="dt-published" datetime=post.machine_published_at
= post.display_published_at
p
a class="p-author h-card" href=Hanami.app.settings.micropub_site_url

2
app/templates/shared/_tags.html.slim
View File

@@ -4,5 +4,5 @@
= "Tagged: "
- tags.each do |tag|
span
a class="p-category rounded p-1 mr-1 text-xsm u-url bg-yellow-200/60 hover:bg-yellow-200 dark:bg-yellow-400 dark:hover:bg-yellow-400/80 dark:text-yellow-800 dark:hover:text-yellow-100 text-gray-600" href="/tagged/#{tag.slug}"
a class="p-category rounded p-1 mr-1 text-xsm u-url bg-yellow-100/60 hover:bg-yellow-200 dark:bg-yellow-400 dark:hover:bg-yellow-400/80 dark:text-yellow-800 dark:hover:text-yellow-100 text-gray-600" href="/tagged/#{tag.slug}"
= tag.label

33
public/assets/index.css
View File

@@ -1147,6 +1147,10 @@ video {
border-width: 2px;
}
.border {
border-width: 1px;
}
.border-t-4 {
border-top-width: 4px;
}
@@ -1173,6 +1177,11 @@ video {
border-color: transparent;
}
.border-yellow-200 {
--tw-border-opacity: 1;
border-color: rgb(254 240 138 / var(--tw-border-opacity));
}
.bg-blue-400 {
--tw-bg-opacity: 1;
background-color: rgb(96 165 250 / var(--tw-bg-opacity));
@@ -1187,6 +1196,10 @@ video {
background-color: rgb(254 240 138 / 0.6);
}
.bg-yellow-100\/60 {
background-color: rgb(254 249 195 / 0.6);
}
.fill-blue-100 {
fill: #dbeafe;
}
@@ -1447,6 +1460,16 @@ h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
background-color: rgb(254 240 138 / var(--tw-bg-opacity));
}
.hover\:bg-yellow-100:hover {
--tw-bg-opacity: 1;
background-color: rgb(254 249 195 / var(--tw-bg-opacity));
}
.hover\:bg-pink-200:hover {
--tw-bg-opacity: 1;
background-color: rgb(251 207 232 / var(--tw-bg-opacity));
}
.hover\:fill-blue-400:hover {
fill: #60a5fa;
}
@@ -1475,6 +1498,11 @@ h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color: rgb(251 146 60 / var(--tw-text-opacity));
}
.hover\:text-blue-600:hover {
--tw-text-opacity: 1;
color: rgb(37 99 235 / var(--tw-text-opacity));
}
.hover\:underline:hover {
text-decoration-line: underline;
}
@@ -1671,6 +1699,11 @@ h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
background-color: rgb(250 204 21 / 0.8);
}
.dark\:hover\:text-blue-200:hover {
--tw-text-opacity: 1;
color: rgb(191 219 254 / var(--tw-text-opacity));
}
.dark\:hover\:text-yellow-100:hover {
--tw-text-opacity: 1;
color: rgb(254 249 195 / var(--tw-text-opacity));