Qihan/MyBlog-Next
1
0
Fork 0
mirror of https://github.com/ChenQihan666/MyBlog-Next.git synced 2026-08-14 11:29:33 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: make the last part of breadcrumb lowercase in specific tag page

Browse Source
This commit is contained in:
satnaing
2023-01-29 20:49:44 +06:30
parent c192cd8e50
commit c556202c97
1 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Breadcrumbs.astro
+9 -3
View File
@@ -22,7 +22,11 @@ breadcrumbList[0] === "posts" &&
breadcrumbList.map((breadcrumb, index) => breadcrumbList.map((breadcrumb, index) =>
index + 1 === breadcrumbList.length ? ( index + 1 === breadcrumbList.length ? (
<li> <li>
<span class={`${index > 0 ? "lowercase" : ""}`} aria-current="page"> <span
class={`${index > 0 ? "lowercase" : "capitalize"}`}
aria-current="page"
>
{/* make the last part lowercase in Home > Tags > some-tag */}
{breadcrumb} {breadcrumb}
</span> </span>
</li> </li>
@@ -44,10 +48,12 @@ breadcrumbList[0] === "posts" &&
.breadcrumb ul li { .breadcrumb ul li {
@apply inline; @apply inline;
} }
.breadcrumb ul li a, .breadcrumb ul li a {
.breadcrumb ul li span {
@apply opacity-70 capitalize; @apply opacity-70 capitalize;
} }
.breadcrumb ul li span {
@apply opacity-70;
}
.breadcrumb ul li:not(:last-child) a { .breadcrumb ul li:not(:last-child) a {
@apply hover:opacity-100; @apply hover:opacity-100;
} }