v0.1.24 메인 피드 스타일 정리
This commit is contained in:
@@ -4,7 +4,7 @@
|
||||
<ul class="menu-groups__list flex flex-col gap-0.75 text-typ text-sm">
|
||||
<li class="menu-group menu-group--nav nav-toggle is-mainitem flex items-center flex-wrap w-full relative group" :class="{ 'is-open': homePagesOpen }" data-label="Home pages" data-slug="home-pages" data-length="10" aria-haspopup="true">
|
||||
<a class="menu-group__link menu-group__link--toggle flex gap-2 items-center flex-1 py-1.5 rounded-theme transition-[padding]" href="#" role="button" @click.prevent="homePagesOpen = !homePagesOpen" :aria-expanded="homePagesOpen.toString()" aria-haspopup="true">
|
||||
<span class="menu-link__marker"></span>
|
||||
<span class="menu-link__marker w-1 h-4 rounded-sm rounded-l-none transition-all"></span>
|
||||
<span class="menu-link__label">Home pages</span>
|
||||
</a>
|
||||
<button class="menu-group__toggle relative cursor-pointer p-2 rounded-r-theme" type="button" title="Menu toggle" aria-label="Toggle submenu" aria-controls="home-pages" :aria-expanded="homePagesOpen.toString()" @click="homePagesOpen = !homePagesOpen" aria-haspopup="true">
|
||||
@@ -20,21 +20,21 @@
|
||||
|
||||
<li class="menu-group menu-group--nav menu-group--link flex items-center flex-wrap w-full relative group" data-label="Tags" data-slug="tags" data-length="4">
|
||||
<a class="menu-group__link flex gap-2 items-center flex-1 py-1.5 rounded-theme transition-[padding]" href="/tags/">
|
||||
<span class="menu-link__marker"></span>
|
||||
<span class="menu-link__marker w-1 h-4 rounded-sm rounded-l-none transition-all"></span>
|
||||
<span class="menu-link__label">Tags</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="menu-group menu-group--nav menu-group--link flex items-center flex-wrap w-full relative group" data-label="Authors" data-slug="authors" data-length="7">
|
||||
<a class="menu-group__link flex gap-2 items-center flex-1 py-1.5 rounded-theme transition-[padding]" href="/authors/">
|
||||
<span class="menu-link__marker"></span>
|
||||
<span class="menu-link__marker w-1 h-4 rounded-sm rounded-l-none transition-all"></span>
|
||||
<span class="menu-link__label">Authors</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="menu-group menu-group--nav nav-toggle is-mainitem flex items-center flex-wrap w-full relative group" :class="{ 'is-open': membersOpen }" data-label="Members" data-slug="members" data-length="7" aria-haspopup="true">
|
||||
<a class="menu-group__link menu-group__link--toggle flex gap-2 items-center flex-1 py-1.5 rounded-theme transition-[padding]" href="#" role="button" @click.prevent="membersOpen = !membersOpen" :aria-expanded="membersOpen.toString()" aria-haspopup="true">
|
||||
<span class="menu-link__marker"></span>
|
||||
<span class="menu-link__marker w-1 h-4 rounded-sm rounded-l-none transition-all"></span>
|
||||
<span class="menu-link__label">Members</span>
|
||||
</a>
|
||||
<button class="menu-group__toggle relative cursor-pointer p-2 rounded-r-theme" type="button" title="Menu toggle" aria-label="Toggle submenu" aria-controls="members" :aria-expanded="membersOpen.toString()" @click="membersOpen = !membersOpen" aria-haspopup="true">
|
||||
|
||||
Reference in New Issue
Block a user