misc_pterodactyl-panel/resources/assets/styles/components/navigation.css

.nav {
    @apply .flex;

    a {
        @apply .py-6 .px-6 .text-white .no-underline;

    &:hover {
         @apply .bg-blue-dark;
     }

     &.router-link-active {
        @apply .bg-blue-dark;
      }

    &:last-child {
         @apply mr-0;
     }
    }
}

/*.nav {
    @apply .bg-blue;
    height: 48px;

    & > .logo {
        @apply .mx-8 .font-sans .font-thin .text-2xl .text-white .inline-block .pt-2;
    }

    & > .menu {
        @apply .float-right .mx-8 .inline-block;

        & > ul {
            @apply .list-reset;
            & > li {
                @apply .inline-block;
                & > a {
                    @apply .block .h-full .no-underline .text-grey-lighter .font-light .text-sm;
                    padding: 15px;

                    &:hover {
                        @apply .bg-blue-dark;

                    }
                }
            }
        }
    }
}*/

.sidenav {
    @apply .mb-2;

    a {
        @apply .block .py-3 .px-8 .text-grey-darkest .no-underline;

        &:hover {
             @apply .border-r-4 .border-blue-lightest;
         }

        &.router-link-exact-active {
             @apply .text-blue .border-r-4 .border-blue;
         }
    }
}