Merge pull request #147 from wenyuanw/fix/手机小屏小“拼音”按钮切换错位

fix: 手机小屏小“拼音”按钮切换错位
meetqy · May 1, 2024 · 8c5c910 · 8c5c910
2 parents 8cf6f30 + cdf9fc7
commit 8c5c910
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/app/[lang]/poem/[id]/page.tsx b/src/app/[lang]/poem/[id]/page.tsx
@@ -133,13 +133,13 @@ export default async function Page({ params, searchParams }: Props) {
                 {dict.poem.title}
               </Link>
               <ChevronRight className="h-4 w-4 flex-shrink-0" strokeWidth={1} />
-              <span className="line-clamp-1 w-28 overflow-hidden text-foreground md:w-auto">
+              <span className="line-clamp-1 overflow-hidden text-foreground">
                 {poem.title}
               </span>
             </nav>
           </div>
 
-          <div>
+          <div className="flex justify-end items-center min-w-24">
             {showPinYin ? (
               <Button size={"xs"} aria-label={dict.poem.pinyin_hide} asChild>
                 <Link href="?" replace>