breadcrumbs

styles/globals.scss

@@ -225,9 +225,9 @@
       }
     }
   }
-  .breadcrumbs {
-    @apply hidden lg:flex;
-  }
+  // .breadcrumbs {
+  //   @apply hidden lg:flex;
+  // }
 }
 .novel-title {
   @apply mt-5 mb-2 flex justify-between text-2xl sm:text-3xl font-extrabold text-gray-900 tracking-tight dark:text-gray-200;
@@ -317,11 +317,11 @@
 .breadcrumbs {
   @apply max-w-full;
   ul {
-    @apply flex items-center whitespace-nowrap w-full overflow-hidden text-ellipsis;
+    @apply whitespace-nowrap w-full overflow-hidden text-ellipsis; // flex items-center
     li {
-      @apply flex items-center;
+      @apply inline items-center;
       a {
-        @apply flex cursor-pointer items-center hover:underline;
+        @apply cursor-pointer hover:underline; // flex items-center
 
         &:focus {
           @apply outline-none;
@@ -333,7 +333,7 @@
       }
       + *:before {
         content: "";
-        @apply ml-2 mr-3 block h-1.5 w-1.5 rotate-45 transform opacity-40;
+        @apply ml-2 mr-3 inline-block h-1.5 w-1.5 rotate-45 transform opacity-40 align-middle;
         border-top: 1px solid;
         border-right: 1px solid;
         background-color: transparent;