25 lines
1.5 KiB
Vue
25 lines
1.5 KiB
Vue
|
<template>
|
||
|
|
<div class="project-layout">
|
||
|
|
<div class="mb-5 flex gap-1 overflow-x-auto border-b border-slate-200 dark:border-slate-700">
|
||
|
|
<router-link
|
||
|
|
class="-mb-px whitespace-nowrap border-b-2 border-transparent px-4 py-2.5 font-medium text-slate-500 hover:text-slate-800 dark:text-slate-400 dark:hover:text-slate-200 [&.router-link-exact-active]:border-blue-500 [&.router-link-exact-active]:text-blue-500"
|
||
|
|
:to="{ name: 'project-overview' }"
|
||
|
|
>Overview</router-link>
|
||
|
|
<router-link
|
||
|
|
class="-mb-px whitespace-nowrap border-b-2 border-transparent px-4 py-2.5 font-medium text-slate-500 hover:text-slate-800 dark:text-slate-400 dark:hover:text-slate-200 [&.router-link-active]:border-blue-500 [&.router-link-active]:text-blue-500"
|
||
|
|
:to="{ name: 'documents' }"
|
||
|
|
>Documents</router-link>
|
||
|
|
<router-link
|
||
|
|
class="-mb-px whitespace-nowrap border-b-2 border-transparent px-4 py-2.5 font-medium text-slate-500 hover:text-slate-800 dark:text-slate-400 dark:hover:text-slate-200 [&.router-link-active]:border-blue-500 [&.router-link-active]:text-blue-500"
|
||
|
|
:to="{ name: 'tasks' }"
|
||
|
|
>Tasks</router-link>
|
||
|
|
<router-link
|
||
|
|
class="-mb-px whitespace-nowrap border-b-2 border-transparent px-4 py-2.5 font-medium text-slate-500 hover:text-slate-800 dark:text-slate-400 dark:hover:text-slate-200 [&.router-link-active]:border-blue-500 [&.router-link-active]:text-blue-500"
|
||
|
|
:to="{ name: 'members' }"
|
||
|
|
>Members</router-link>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<router-view />
|
||
|
|
</div>
|
||
|
|
</template>
|