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

Old good navbar restored

Browse Source
This commit is contained in:
FEARmeR 2023-05-22 19:44:02 +01:00
parent 2aa431f23c
commit 1613e6f6a1
1 changed files with 109 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -119,6 +119,7 @@ watch(
]"
:to="{ name: 'presentation' }"
rel="tooltip"
title="Designed and Coded by Creative Tim"
data-placement="bottom"
>
LinkedMin
@ -132,6 +133,7 @@ watch(
"
to="/"
rel="tooltip"
title="Designed and Coded by Creative Tim"
data-placement="bottom"
>
LinkedMin
@ -170,15 +172,13 @@ watch(
data-bs-toggle="dropdown"
aria-expanded="false"
>
<!-- <i
<i
class="material-icons opacity-6 me-2 text-md"
:class="getTextColor()"
>dashboard</i
>-->
Пользователи
<!--<img
>
Пользователи
<img
:src="getArrowColor()"
alt="down-arrow"
class="arrow ms-2 d-lg-block d-none"
@ -187,32 +187,45 @@ watch(
:src="getArrowColor()"
alt="down-arrow"
class="arrow ms-1 d-lg-none d-block ms-auto"
/>-->
/>
</a>
<div
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="col-12 px-4 py-2">
<div class="row">
<div class="position-relative">
<div
class="dropdown-header text-dark font-weight-bolder d-flex align-items-center px-1"
>
Все пользователи
</div>
<RouterLink
:to="{ name: 'profiles' }"
class="dropdown-item border-radius-md">
class="dropdown-item border-radius-md"
>
<span>Все пользователи</span>
</RouterLink>
</div>
</div>
</div>
</div>
<div class="d-lg-none">
<div
class="dropdown-header text-dark font-weight-bolder d-flex align-items-center px-0"
>
Все пользователи
</div>
<RouterLink
:to="{ name: 'profiles' }"
class="dropdown-item border-radius-md">
class="dropdown-item border-radius-md"
>
<span>Все пользователи</span>
</RouterLink>
</div>
</div>
</li>
@ -227,13 +240,13 @@ watch(
data-bs-toggle="dropdown"
aria-expanded="false"
>
<!--<i
<i
class="material-icons opacity-6 me-2 text-md"
:class="getTextColor()"
>dashboard</i
>-->
>
Проекты
<!--<img
<img
:src="getArrowColor()"
alt="down-arrow"
class="arrow ms-2 d-lg-block d-none"
@ -242,7 +255,7 @@ watch(
:src="getArrowColor()"
alt="down-arrow"
class="arrow ms-1 d-lg-none d-block ms-auto"
/>-->
/>
</a>
<div
class="dropdown-menu dropdown-menu-animation ms-n3 dropdown-md p-3 border-radius-xl mt-0 mt-lg-3"
@ -252,6 +265,11 @@ watch(
<div class="col-12 px-4 py-2">
<div class="row">
<div class="position-relative">
<div
class="dropdown-header text-dark font-weight-bolder d-flex align-items-center px-1"
>
Все проекты
</div>
<RouterLink
:to="{ name: 'projects' }"
class="dropdown-item border-radius-md"
@ -280,9 +298,15 @@ watch(
</div>
</div>
<div class="d-lg-none">
<div
class="dropdown-header text-dark font-weight-bolder d-flex align-items-center px-0"
>
Все проекты
</div>
<RouterLink
:to="{ name: 'projects' }"
class="dropdown-item border-radius-md">
class="dropdown-item border-radius-md"
>
<span>Все проекты</span>
</RouterLink>
@ -299,14 +323,15 @@ watch(
:class="getTextColor()"
id="dropdownMenuDocs"
data-bs-toggle="dropdown"
aria-expanded="false">
<!-- <i
aria-expanded="false"
>
<i
class="material-icons opacity-6 me-2 text-md"
:class="getTextColor()"
>article</i
>-->
>
Профиль
<!--<img
<img
:src="getArrowColor()"
alt="down-arrow"
class="arrow ms-2 d-lg-block d-none"
@ -315,7 +340,7 @@ watch(
:src="getArrowColor()"
alt="down-arrow"
class="arrow ms-1 d-lg-none d-block ms-auto"
/>-->
/>
</a>
<div
class="dropdown-menu dropdown-menu-end dropdown-menu-animation dropdown-md mt-0 mt-lg-3 p-3 border-radius-lg"
@ -328,7 +353,27 @@ watch(
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="/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
@ -345,22 +390,56 @@ watch(
>
</a>
</li>
</ul>
</div>
<div class="row d-lg-none">
<div class="col-md-12 g-0">
<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">
<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="/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>
</li>
@ -380,4 +459,4 @@ watch(
</div>
</nav>
<!-- End Navbar -->
</template>
</template>