xclele/vue-material-kit
1
0
Fork 0
mirror of https://github.com/creativetimofficial/vue-material-kit.git synced 2025-05-23 12:14:22 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Update NavbarDefault.vue

Browse Source 
Old NavBar restored
This commit is contained in:
lazyseal 2023-05-22 19:59:14 +01:00 committed by GitHub
parent 46fcf68f24
commit 23607473b2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 88 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

114
src/examples/navbars/NavbarDefault.vue
View File

@ -119,6 +119,7 @@ watch(
]" ]"
:to="{ name: 'presentation' }" :to="{ name: 'presentation' }"
rel="tooltip" rel="tooltip"
title="Designed and Coded by Creative Tim"
data-placement="bottom" data-placement="bottom"
> >
LinkedMin LinkedMin
@ -132,6 +133,7 @@ watch(
" "
to="/" to="/"
rel="tooltip" rel="tooltip"
title="Designed and Coded by Creative Tim"
data-placement="bottom" data-placement="bottom"
> >
LinkedMin LinkedMin
@ -170,14 +172,12 @@ watch(
data-bs-toggle="dropdown" data-bs-toggle="dropdown"
aria-expanded="false" aria-expanded="false"
> >
<i <i
class="material-icons opacity-6 me-2 text-md" class="material-icons opacity-6 me-2 text-md"
:class="getTextColor()" :class="getTextColor()"
>dashboard</i >dashboard</i
> >
Пользователи
Пользователи
<img <img
:src="getArrowColor()" :src="getArrowColor()"
alt="down-arrow" alt="down-arrow"
@ -191,8 +191,8 @@ watch(
</a> </a>
<div <div
class="dropdown-menu dropdown-menu-animation ms-n3 dropdown-md p-3 border-radius-xl mt-0 mt-lg-3" class="dropdown-menu dropdown-menu-animation ms-n3 dropdown-md p-3 border-radius-xl mt-0 mt-lg-3"
aria-labelledby="dropdownMenuPages"> aria-labelledby="dropdownMenuPages"
>
<div class="row d-none d-lg-block"> <div class="row d-none d-lg-block">
<div class="col-12 px-4 py-2"> <div class="col-12 px-4 py-2">
<div class="row"> <div class="row">
@ -204,20 +204,28 @@ watch(
</div> </div>
<RouterLink <RouterLink
:to="{ name: 'profiles' }" :to="{ name: 'profiles' }"
class="dropdown-item border-radius-md"> class="dropdown-item border-radius-md"
>
<span>Все пользователи</span> <span>Все пользователи</span>
</RouterLink> </RouterLink>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="d-lg-none"> <div class="d-lg-none">
<div
class="dropdown-header text-dark font-weight-bolder d-flex align-items-center px-0"
>
Все пользователи
</div>
<RouterLink <RouterLink
:to="{ name: 'profiles' }" :to="{ name: 'profiles' }"
class="dropdown-item border-radius-md"> class="dropdown-item border-radius-md"
>
<span>Все пользователи</span> <span>Все пользователи</span>
</RouterLink> </RouterLink>
</div> </div>
</div> </div>
</li> </li>
@ -290,9 +298,15 @@ watch(
</div> </div>
</div> </div>
<div class="d-lg-none"> <div class="d-lg-none">
<div
class="dropdown-header text-dark font-weight-bolder d-flex align-items-center px-0"
>
Все проекты
</div>
<RouterLink <RouterLink
:to="{ name: 'projects' }" :to="{ name: 'projects' }"
class="dropdown-item border-radius-md"> class="dropdown-item border-radius-md"
>
<span>Все проекты</span> <span>Все проекты</span>
</RouterLink> </RouterLink>
@ -309,8 +323,9 @@ watch(
:class="getTextColor()" :class="getTextColor()"
id="dropdownMenuDocs" id="dropdownMenuDocs"
data-bs-toggle="dropdown" data-bs-toggle="dropdown"
aria-expanded="false"> aria-expanded="false"
<i >
<i
class="material-icons opacity-6 me-2 text-md" class="material-icons opacity-6 me-2 text-md"
:class="getTextColor()" :class="getTextColor()"
>article</i >article</i
@ -338,14 +353,27 @@ watch(
class="dropdown-item py-2 ps-3 border-radius-md" class="dropdown-item py-2 ps-3 border-radius-md"
href="/ViewMyProfile" href="/ViewMyProfile"
> >
<h6 <h6
class="dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0" class="dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0"
> >
Мой профиль Мой Профиль
</h6> </h6>
<span class="text-sm" <span class="text-sm"
>Перейти в мой профиль</span >Просмотр</span
> >
</a>
<a
class="dropdown-item py-2 ps-3 border-radius-md"
href="/EditMyProfile"
>
<h6
class="dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0"
>
Мой Профиль
</h6>
<span class="text-sm"
>Редактирование</span
>
</a> </a>
<a <a
@ -362,22 +390,56 @@ watch(
> >
</a> </a>
</li> </li>
</ul> </ul>
</div> </div>
<div class="row d-lg-none"> <div class="row d-lg-none">
<div class="col-md-12 g-0"> <div class="col-md-12 g-0">
<a class="dropdown-item py-2 ps-3 border-radius-md" <a
href="/ViewMyProfile"> class="dropdown-item py-2 ps-3 border-radius-md"
<h6 class="dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0"> href="/ViewMyProfile"
>
<h6
class="dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0"
>
Мой профиль Мой профиль
</h6> </h6>
<span class="text-sm"
>Просмотр</span
>
</a> </a>
<a
class="dropdown-item py-2 ps-3 border-radius-md"
href="/ViewMyProfile"
>
<h6
class="dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0"
>
Мой профиль
</h6>
<span class="text-sm"
>Редактирование</span
>
</a>
<a
class="dropdown-item py-2 ps-3 border-radius-md"
href="/CreateProject"
>
<h6
class="dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0"
>
Создать проект
</h6>
<span class="text-sm"
>Страница добавления проекта</span
>
</a>
</div> </div>
</div> </div>
</div> </div>
</li> </li>