devel #314
2 changed files with 8 additions and 2 deletions
|
@ -118,6 +118,12 @@
|
||||||
The components layer is for class-based styles that you want to be able to override with utilities.
|
The components layer is for class-based styles that you want to be able to override with utilities.
|
||||||
*/
|
*/
|
||||||
@layer components {
|
@layer components {
|
||||||
|
.note {
|
||||||
|
.note-link {
|
||||||
|
@apply text-center text-neutral-900 dark:text-neutral-100;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.divider {
|
.divider {
|
||||||
@apply flex items-center my-8 before:flex-1 after:flex-1 before:content-[''] after:content-[''] before:p-[0.5px] after:p-[0.5px] w-full mx-auto last:hidden before:bg-neutral-500/25 after:bg-neutral-500/25 before:mr-2 after:ml-2;
|
@apply flex items-center my-8 before:flex-1 after:flex-1 before:content-[''] after:content-[''] before:p-[0.5px] after:p-[0.5px] w-full mx-auto last:hidden before:bg-neutral-500/25 after:bg-neutral-500/25 before:mr-2 after:ml-2;
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<section class="page-grid">
|
<section class="page-grid">
|
||||||
<section>
|
<section>
|
||||||
<article class="h-entry hentry | stack container">
|
<article class="h-entry hentry note | stack container">
|
||||||
<header class="prose max-w-none">
|
<header class="prose max-w-none">
|
||||||
<h1 class="p-name">
|
<h1 class="p-name">
|
||||||
<%= @note.name %>
|
<%= @note.name %>
|
||||||
|
@ -16,7 +16,7 @@
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<%= if String.length(@note.url || "") > 0 do %>
|
<%= if String.length(@note.url || "") > 0 do %>
|
||||||
<section class="text-center">
|
<section class="note-link">
|
||||||
<.icon name="hero-link" /> <a href={@note.url}><%= @note.url %></a>
|
<.icon name="hero-link" /> <a href={@note.url}><%= @note.url %></a>
|
||||||
</section>
|
</section>
|
||||||
<% end %>
|
<% end %>
|
||||||
|
|
Loading…
Reference in a new issue