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

навбар

Browse Source
This commit is contained in:
irchen4 2023-05-22 21:43:38 +03:00
parent 53b195da51
commit 73c563f259
1 changed files with 19 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -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>
<div <div
class="dropdown-header text-dark font-weight-bolder d-flex align-items-center px-1" class="dropdown-header text-dark font-weight-bolder d-flex align-items-center px-1"
> >
@ -240,12 +245,15 @@ watch(
data-bs-toggle="dropdown" data-bs-toggle="dropdown"
aria-expanded="false" aria-expanded="false"
> >
<i
<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 <img
:src="getArrowColor()" :src="getArrowColor()"
alt="down-arrow" alt="down-arrow"
@ -256,6 +264,7 @@ watch(
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"
@ -265,6 +274,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>
<div <div
class="dropdown-header text-dark font-weight-bolder d-flex align-items-center px-1" class="dropdown-header text-dark font-weight-bolder d-flex align-items-center px-1"
> >
@ -323,14 +337,15 @@ 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
> >
>
Профиль Профиль
<img
<img <img
:src="getArrowColor()" :src="getArrowColor()"
alt="down-arrow" alt="down-arrow"
@ -341,6 +356,7 @@ watch(
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"