fix: breadcrumb overflow on mobile resolution (#7372)

fix: breadcrumb overflow
nodejs · Jan 3, 2025 · 8790770 · 8790770
1 parent e20a801
commit 8790770
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/apps/site/components/Common/Breadcrumbs/BreadcrumbItem/index.module.css b/apps/site/components/Common/Breadcrumbs/BreadcrumbItem/index.module.css
@@ -7,8 +7,8 @@
      text-sm
      font-medium;
 
-  &:last-child {
-    @apply w-full;
+  &:not(:last-child) {
+    @apply shrink-0;
   }
 
   a {

diff --git a/apps/site/components/Common/Breadcrumbs/BreadcrumbRoot/index.module.css b/apps/site/components/Common/Breadcrumbs/BreadcrumbRoot/index.module.css
@@ -1,6 +1,7 @@
 .list {
-  @apply flex
-    w-full
+  @apply xs:w-full
+    flex
+    w-screen
     gap-5
     px-6;
 }