Yuika/src/css/components/header.css

.yuika-header {
    @apply h-16 w-full z-10 flex flex-row justify-start items-center bg-yuika-blue-500 text-white;

}

.yuika-header-left {
  @apply ml-4;
}

.yuika-header-middle {
  @apply flex-grow;
}

.yuika-header-right {
  @apply mr-4;
}