Add line to project navbar

This commit is contained in:
MD 2022-03-29 17:39:51 +01:00
parent 5ef7628186
commit e7d5ac0819
2 changed files with 3 additions and 3 deletions

View File

@ -22,7 +22,7 @@ function childRoute(route = ""): string {
</script>
<template>
<nav class="px-2 py-4 flex flex-wrap">
<nav class="mt-3 mb-4 flex flex-wrap border-b-2 border-neutral-200 dark:border-neutral-800">
<ProjectNavItem :to="childRoute()">
{{ i18n.t("project.tabs.docs") }}
</ProjectNavItem>

View File

@ -16,12 +16,12 @@ const selected = computed(() => {
});
const clazz = computed(() => {
return "py-1 rounded-sm border-b-3 " + (selected.value ? "border-[#004ee9] font-semibold " : "border-neutral-200 dark:border-neutral-700");
return "px-2 py-1 inline-flex items-center " + (selected.value ? "border-b-2 border-[#004ee9] font-semibold " : "");
});
</script>
<template>
<div class="my-2 mr-5">
<div class="mb-[-2px] mr-1">
<router-link v-if="to" :to="to" :class="clazz">
<slot></slot>
</router-link>