v0.1.43 theme: 관련글 우선순위 및 레이아웃 UI 보정

Made-with: Cursor
This commit is contained in:
2026-04-16 17:40:06 +09:00
parent 4ca64abfa7
commit d2aeeff2fe
14 changed files with 203 additions and 34 deletions

View File

@@ -62,10 +62,12 @@
</span>
</button>
<div class="sidebar-card__content sidebar-card__content--categories" x-cloak x-show="categoriesOpen">
<ul class="category-grid grid sm:grid-cols-2 gap-x-2 gap-0.5 mt-1 text-typ-tone font-medium text-[0.8rem] -mb-1.5">
{{#get "tags" limit="11" include="count.posts"}}
<ul class="category-grid grid sm:grid-cols-2 gap-x-2 gap-0.5 mt-1 text-typ-tone font-medium text-[0.8rem] -mb-1.5" data-category-priority-list
data-category-priority-order="tech,business,health,science,design,travel,gaming,music,diy,photography,books"
data-category-priority-limit="11">
{{#get "tags" limit="100" include="count.posts" order="count.posts desc"}}
{{#foreach tags}}
<li>
<li data-category-priority-item data-category-slug="{{slug}}">
<a class="category-chip group flex items-center gap-2 leading-tight pl-0 pr-3 py-2 rounded-theme hover:bg-bgr-tone hover:px-3 hover:text-typ transition-[padding]" href="{{url}}" aria-label="{{name}}"{{#if accent_color}} style="--color-accent: {{accent_color}};"{{/if}}>
<span class="category-chip__dot w-1 h-4 bg-accent rounded-sm rounded-l-none group-hover:size-2 group-hover:rounded-full transition-all"></span>
<span class="category-chip__label flex-1 line-clamp-1 text-ellipsis">{{name}}</span>