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

навбар

Browse Source
This commit is contained in:
irchen4 2023-05-22 21:43:38 +03:00
parent 3d1a7619db
commit 46fcf68f24
1 changed files with 30 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -170,15 +170,15 @@ 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"
class="arrow ms-2 d-lg-block d-none" class="arrow ms-2 d-lg-block d-none"
@ -187,7 +187,7 @@ watch(
:src="getArrowColor()" :src="getArrowColor()"
alt="down-arrow" alt="down-arrow"
class="arrow ms-1 d-lg-none d-block ms-auto" class="arrow ms-1 d-lg-none d-block ms-auto"
/>--> />
</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"
@ -197,6 +197,11 @@ watch(
<div class="col-12 px-4 py-2"> <div class="col-12 px-4 py-2">
<div class="row"> <div class="row">
<div class="position-relative"> <div class="position-relative">
<div
class="dropdown-header text-dark font-weight-bolder d-flex align-items-center px-1"
>
Все пользователи
</div>
<RouterLink <RouterLink
:to="{ name: 'profiles' }" :to="{ name: 'profiles' }"
class="dropdown-item border-radius-md"> class="dropdown-item border-radius-md">
@ -227,13 +232,13 @@ 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"
class="arrow ms-2 d-lg-block d-none" class="arrow ms-2 d-lg-block d-none"
@ -242,7 +247,7 @@ watch(
:src="getArrowColor()" :src="getArrowColor()"
alt="down-arrow" alt="down-arrow"
class="arrow ms-1 d-lg-none d-block ms-auto" class="arrow ms-1 d-lg-none d-block ms-auto"
/>--> />
</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"
@ -252,6 +257,11 @@ watch(
<div class="col-12 px-4 py-2"> <div class="col-12 px-4 py-2">
<div class="row"> <div class="row">
<div class="position-relative"> <div class="position-relative">
<div
class="dropdown-header text-dark font-weight-bolder d-flex align-items-center px-1"
>
Все проекты
</div>
<RouterLink <RouterLink
:to="{ name: 'projects' }" :to="{ name: 'projects' }"
class="dropdown-item border-radius-md" class="dropdown-item border-radius-md"
@ -300,13 +310,13 @@ watch(
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
>--> >
Профиль Профиль
<!--<img <img
:src="getArrowColor()" :src="getArrowColor()"
alt="down-arrow" alt="down-arrow"
class="arrow ms-2 d-lg-block d-none" class="arrow ms-2 d-lg-block d-none"
@ -315,7 +325,7 @@ watch(
:src="getArrowColor()" :src="getArrowColor()"
alt="down-arrow" alt="down-arrow"
class="arrow ms-1 d-lg-none d-block ms-auto" class="arrow ms-1 d-lg-none d-block ms-auto"
/>--> />
</a> </a>
<div <div
class="dropdown-menu dropdown-menu-end dropdown-menu-animation dropdown-md mt-0 mt-lg-3 p-3 border-radius-lg" class="dropdown-menu dropdown-menu-end dropdown-menu-animation dropdown-md mt-0 mt-lg-3 p-3 border-radius-lg"
@ -328,7 +338,14 @@ 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
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