fix: 分类导航栏显示时，分类过长导致的排版错乱

Mereithhh · Sep 17, 2022 · f42469d · f42469d
1 parent d9844a7
commit f42469d
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/packages/website/components/NavBar/index.tsx b/packages/website/components/NavBar/index.tsx
@@ -161,7 +161,7 @@ export default function (props: {
           </div>
         </div>
         {Boolean(props.categories.length) && props.showSubMenu == "true" && (
-          <div className="h-10 items-center hidden md:flex border-b border-gray-200 dark:border-nav-dark">
+          <div className="h-10 items-center hidden md:flex border-b border-gray-200 dark:border-nav-dark overflow-hidden">
             <div
               className="mx-5"
               style={{ width: 52 + props.subMenuOffset }}

diff --git a/packages/website/styles/globals.css b/packages/website/styles/globals.css
@@ -201,3 +201,6 @@ body #wl-edit {
   left: 0;
   right: 0;
 }
+#nav li a {
+  word-break: keep-all;
+}