fe/styles/chapter.module.scss

.chapter-page {
  @apply w-full lg:w-0 lg:max-w-4xl flex-1 p-5 bg-white;
  :global(.dark) & {
    @apply bg-gray-800;
  }
}
.chapter-header {
  @apply flex px-5 items-center relative;
}
.novel {
  @apply w-full;
  header {
    @apply mb-5;
  }
  h1 {
    @apply text-2xl font-bold;
  }
  p {
    @apply my-3;
  }
}
.toolbar {
  @apply fixed bottom-0 left-0 w-full bg-gray-900 z-30; // hidden;
  @apply lg:right-0 lg:w-11 lg:left-auto lg:h-full lg:flex lg:items-center lg:justify-center ; 
  .toolbar-items {
    @apply flex lg:flex-col lg:w-full;
  }
  .toolbar-item {
    // position: relative;
    // display: flex;
    // height: 100%;
    // flex-basis: 100%;
    // cursor: pointer;
    // flex-direction: column;
    // align-items: center;
    // justify-content: center;
    // gap: 0.25rem;
    // border-color: currentColor;

    @apply flex-1 flex items-center justify-center py-5;
    svg {
      @apply w-full w-5 h-5;
    }
  }
}
.toolbar-display {
  @apply fixed bottom-0 left-0 w-full bg-gray-900 z-40 pt-4 pb-5 px-5;
  @apply relative w-96;
  .toolbar-display-title {
    @apply text-base mb-2;
  }
  .toolbar-display-label {
    @apply text-sm mb-2 mt-5;
  }
  // :global(.btn-group){
  //   @apply w-full;
  // }
}