From ec1a6b8174e22d232b3ac677cdd130f82b491b47 Mon Sep 17 00:00:00 2001
From: CoBool <saokm5@gmail.com>
Date: Sat, 5 Sep 2026 21:27:44 +0900
Subject: [PATCH] fix: keep breadcrumbs on a single line

---
 src/components/layout/main-breadcrumbs.tsx | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/components/layout/main-breadcrumbs.tsx b/src/components/layout/main-breadcrumbs.tsx
index 83e3c94..709422f 100644
--- a/src/components/layout/main-breadcrumbs.tsx
+++ b/src/components/layout/main-breadcrumbs.tsx
@@ -25,12 +25,19 @@ export function MainBreadcrumbs({ pathname, currentLabel }: MainBreadcrumbsProps
     <>
       <JsonLd data={buildBreadcrumbJsonLd(items)} />
       <nav aria-label="현재 위치" className="min-w-0">
-        <ol className="flex min-w-0 flex-wrap items-center gap-1 text-xs font-semibold leading-[1.4] text-muted-foreground">
+        <ol className="flex min-w-0 flex-nowrap items-center gap-1 overflow-hidden whitespace-nowrap text-xs font-semibold leading-[1.4] text-muted-foreground">
           {items.map((item, index) => {
             const isLast = index === items.length - 1
 
             return (
-              <li className="flex min-w-0 items-center gap-1" key={item.href ?? item.label}>
+              <li
+                className={
+                  isLast
+                    ? "flex min-w-0 items-center gap-1 overflow-hidden"
+                    : "flex shrink-0 items-center gap-1"
+                }
+                key={item.href ?? item.label}
+              >
                 {index > 0 ? (
                   <Icons.chevronRight
                     aria-hidden="true"
@@ -38,7 +45,7 @@ export function MainBreadcrumbs({ pathname, currentLabel }: MainBreadcrumbsProps
                   />
                 ) : null}
                 {isLast || item.href === undefined ? (
-                  <span aria-current="page" className="truncate text-foreground">
+                  <span aria-current="page" className="min-w-0 truncate text-foreground">
                     {item.label}
                   </span>
                 ) : (