v0.1.43 theme: 관련글 우선순위 및 레이아웃 UI 보정
Made-with: Cursor
This commit is contained in:
12
post.hbs
12
post.hbs
@@ -7,7 +7,7 @@
|
||||
<h1 class="font-semibold text-xl sm:text-2xl leading-[1.125]">{{title}}</h1>
|
||||
|
||||
<div class="relative border-b border-brd pb-4">
|
||||
<div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>
|
||||
<div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone [&>*:not(:last-child)]:after:content-['/'] [&>*:not(:last-child)]:after:ml-2 sm:[&>*:not(:last-child)]:after:ml-1.5 [&>*:not(:last-child)]:after:text-brd" data-post-card-info>
|
||||
<time data-post-card-date datetime="{{date format="YYYY-MM-DD"}}">{{date format="MMM D, YYYY"}}</time>
|
||||
{{#primary_author}}
|
||||
<a data-post-card-author href="{{url}}" class="hover:opacity-75">{{name}}</a>
|
||||
@@ -20,11 +20,11 @@
|
||||
</ul>
|
||||
{{/if}}
|
||||
{{!-- {{#if comments}} --}}
|
||||
<a data-post-card-comments class="flex gap-0.5 items-center hover:opacity-75" href="#comments">
|
||||
<a data-post-card-comments class="flex gap-1 items-center hover:opacity-75" href="#comments">
|
||||
<i class="icon icon-comments size-3.5 stroke-2 -mt-px pointer-events-none" role="presentation">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-message-circle"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M3 20l1.3 -3.9c-2.324 -3.437 -1.426 -7.872 2.1 -10.374c3.526 -2.501 8.59 -2.296 11.845 .48c3.255 2.777 3.695 7.266 1.029 10.501c-2.666 3.235 -7.615 4.215 -11.574 2.293l-4.7 1"></path></svg>
|
||||
</i>
|
||||
<span class="pointer-events-none">{{comment_count empty="0" singular="" plural="" autowrap="false"}}</span>
|
||||
<span class="pointer-events-none">0</span>
|
||||
</a>
|
||||
{{!-- {{/if}} --}}
|
||||
</div>
|
||||
@@ -73,10 +73,10 @@
|
||||
{{comments title="Comments" count=true}}
|
||||
{{else}}
|
||||
<div class="flex flex-col items-center py-6 sm:px-8 sm:py-10">
|
||||
<h3 class="mb-[8px] text-center font-sans text-2xl tracking-tight text-black font-bold">Join the discussion</h3>
|
||||
<p class="mb-[28px] w-full px-0 text-center font-sans text-lg leading-normal text-neutral-600 sm:max-w-screen-sm sm:px-8">Become a member of <span class="font-semibold">{{@site.title}}</span> to start commenting.</p>
|
||||
<h3 class="mb-[8px] text-center font-sans text-2xl tracking-tight text-typ font-bold">Join the discussion</h3>
|
||||
<p class="mb-[28px] w-full px-0 text-center font-sans text-lg leading-normal text-typ-tone sm:max-w-screen-sm sm:px-8">Become a member of <span class="font-semibold text-typ">{{@site.title}}</span> to start commenting.</p>
|
||||
<a class="text-md mb-[12px] inline-block rounded px-5 py-[14px] font-sans font-medium leading-none text-white transition-all hover:opacity-90 bg-orange-600" href="#/portal/signup">Sign up now</a>
|
||||
<p class="text-md text-center font-sans text-[rgba(0,0,0,0.4)]"><span class="mr-1 inline-block text-[15px]">Already a member?</span> <a href="#/portal/signin" class="rounded-md text-sm text-orange-600 font-semibold transition-all hover:opacity-90">Sign in</a></p>
|
||||
<p class="text-md text-center font-sans text-typ-tone"><span class="mr-1 inline-block text-[15px]">Already a member?</span> <a href="#/portal/signin" class="rounded-md text-sm text-orange-600 font-semibold transition-all hover:opacity-90">Sign in</a></p>
|
||||
</div>
|
||||
{{/if}}
|
||||
</section>
|
||||
|
||||
Reference in New Issue
Block a user