mirror of
https://github.com/creativetimofficial/vue-material-kit.git
synced 2025-05-24 05:24:21 +08:00
Navbar fixed
This commit is contained in:
FEARmeR
parent
ea0543c476
commit
e02d118b77
@ -17,7 +17,7 @@ const props = defineProps({
|
||||
default: () => ({
|
||||
route: "/pages/landing-pages/basic",
|
||||
color: "bg-gradient-success",
|
||||
label: "Вход/Регистрация"
|
||||
label: "Вход / Регистрация"
|
||||
})
|
||||
},
|
||||
transparent: {
|
||||
@ -117,7 +117,7 @@ watch(
|
||||
]"
|
||||
:to="{ name: 'presentation' }"
|
||||
rel="tooltip"
|
||||
title="Цифровое портфолио и деловые контакты"
|
||||
title="Designed and Coded by Creative Tim"
|
||||
data-placement="bottom"
|
||||
>
|
||||
LinkedMin
|
||||
@ -131,15 +131,15 @@ watch(
|
||||
"
|
||||
to="/"
|
||||
rel="tooltip"
|
||||
title="Цифровое портфолио и деловые контакты"
|
||||
title="Designed and Coded by Creative Tim"
|
||||
data-placement="bottom"
|
||||
>
|
||||
Material Design
|
||||
LinkedMin
|
||||
</RouterLink>
|
||||
<a
|
||||
href="https://www.creative-tim.com/product/vue-material-kit-pro"
|
||||
href="/pages/landing-pages/basic"
|
||||
class="btn btn-sm bg-gradient-success mb-0 ms-auto d-lg-none d-block"
|
||||
>Buy Now</a
|
||||
>Вход/Регистрация</a
|
||||
>
|
||||
<button
|
||||
class="navbar-toggler shadow-none ms-2"
|
||||
@ -175,7 +175,7 @@ watch(
|
||||
:class="getTextColor()"
|
||||
>dashboard</i
|
||||
>
|
||||
Люди
|
||||
Пользователи
|
||||
<img
|
||||
:src="getArrowColor()"
|
||||
alt="down-arrow"
|
||||
@ -198,37 +198,15 @@ watch(
|
||||
<div
|
||||
class="dropdown-header text-dark font-weight-bolder d-flex align-items-center px-1"
|
||||
>
|
||||
Landing Pages
|
||||
Все пользователи
|
||||
</div>
|
||||
<RouterLink
|
||||
:to="{ name: 'about' }"
|
||||
:to="{ name: 'profiles' }"
|
||||
class="dropdown-item border-radius-md"
|
||||
>
|
||||
<span>About Us</span>
|
||||
</RouterLink>
|
||||
<RouterLink
|
||||
:to="{ name: 'contactus' }"
|
||||
class="dropdown-item border-radius-md"
|
||||
>
|
||||
<span>Contact Us</span>
|
||||
</RouterLink>
|
||||
<RouterLink
|
||||
:to="{ name: 'author' }"
|
||||
class="dropdown-item border-radius-md"
|
||||
>
|
||||
<span>Author</span>
|
||||
</RouterLink>
|
||||
<div
|
||||
class="dropdown-header text-dark font-weight-bolder d-flex align-items-center px-0 mt-3"
|
||||
>
|
||||
Account
|
||||
</div>
|
||||
<RouterLink
|
||||
:to="{ name: 'signin-basic' }"
|
||||
class="dropdown-item border-radius-md"
|
||||
>
|
||||
<span>Sign In</span>
|
||||
<span>Все пользователи</span>
|
||||
</RouterLink>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -237,40 +215,20 @@ watch(
|
||||
<div
|
||||
class="dropdown-header text-dark font-weight-bolder d-flex align-items-center px-0"
|
||||
>
|
||||
Landing Pages
|
||||
Все пользователи
|
||||
</div>
|
||||
<RouterLink
|
||||
:to="{ name: 'about' }"
|
||||
:to="{ name: 'profiles' }"
|
||||
class="dropdown-item border-radius-md"
|
||||
>
|
||||
<span>About Us</span>
|
||||
</RouterLink>
|
||||
<RouterLink
|
||||
:to="{ name: 'contactus' }"
|
||||
class="dropdown-item border-radius-md"
|
||||
>
|
||||
<span>Contact Us</span>
|
||||
</RouterLink>
|
||||
<RouterLink
|
||||
:to="{ name: 'author' }"
|
||||
class="dropdown-item border-radius-md"
|
||||
>
|
||||
<span>Author</span>
|
||||
</RouterLink>
|
||||
<div
|
||||
class="dropdown-header text-dark font-weight-bolder d-flex align-items-center px-0 mt-3"
|
||||
>
|
||||
Account
|
||||
</div>
|
||||
<RouterLink
|
||||
:to="{ name: 'signin-basic' }"
|
||||
class="dropdown-item border-radius-md"
|
||||
>
|
||||
<span>Sign In</span>
|
||||
<span>Все пользователи</span>
|
||||
</RouterLink>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
|
||||
<li class="nav-item dropdown dropdown-hover mx-2">
|
||||
<a
|
||||
role="button"
|
||||
@ -308,37 +266,15 @@ watch(
|
||||
<div
|
||||
class="dropdown-header text-dark font-weight-bolder d-flex align-items-center px-1"
|
||||
>
|
||||
Landing Pages
|
||||
Все проекты
|
||||
</div>
|
||||
<RouterLink
|
||||
:to="{ name: 'about' }"
|
||||
:to="{ name: 'projects' }"
|
||||
class="dropdown-item border-radius-md"
|
||||
>
|
||||
<span>About Us</span>
|
||||
</RouterLink>
|
||||
<RouterLink
|
||||
:to="{ name: 'contactus' }"
|
||||
class="dropdown-item border-radius-md"
|
||||
>
|
||||
<span>Contact Us</span>
|
||||
</RouterLink>
|
||||
<RouterLink
|
||||
:to="{ name: 'author' }"
|
||||
class="dropdown-item border-radius-md"
|
||||
>
|
||||
<span>Author</span>
|
||||
</RouterLink>
|
||||
<div
|
||||
class="dropdown-header text-dark font-weight-bolder d-flex align-items-center px-0 mt-3"
|
||||
>
|
||||
Account
|
||||
</div>
|
||||
<RouterLink
|
||||
:to="{ name: 'signin-basic' }"
|
||||
class="dropdown-item border-radius-md"
|
||||
>
|
||||
<span>Sign In</span>
|
||||
<span>Все проекты</span>
|
||||
</RouterLink>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -347,523 +283,21 @@ watch(
|
||||
<div
|
||||
class="dropdown-header text-dark font-weight-bolder d-flex align-items-center px-0"
|
||||
>
|
||||
Landing Pages
|
||||
Все проекты
|
||||
</div>
|
||||
<RouterLink
|
||||
:to="{ name: 'about' }"
|
||||
:to="{ name: 'projects' }"
|
||||
class="dropdown-item border-radius-md"
|
||||
>
|
||||
<span>About Us</span>
|
||||
</RouterLink>
|
||||
<RouterLink
|
||||
:to="{ name: 'contactus' }"
|
||||
class="dropdown-item border-radius-md"
|
||||
>
|
||||
<span>Contact Us</span>
|
||||
</RouterLink>
|
||||
<RouterLink
|
||||
:to="{ name: 'author' }"
|
||||
class="dropdown-item border-radius-md"
|
||||
>
|
||||
<span>Author</span>
|
||||
</RouterLink>
|
||||
<div
|
||||
class="dropdown-header text-dark font-weight-bolder d-flex align-items-center px-0 mt-3"
|
||||
>
|
||||
Account
|
||||
</div>
|
||||
<RouterLink
|
||||
:to="{ name: 'signin-basic' }"
|
||||
class="dropdown-item border-radius-md"
|
||||
>
|
||||
<span>Sign In</span>
|
||||
<span>Все проекты</span>
|
||||
</RouterLink>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item dropdown dropdown-hover mx-2">
|
||||
<a
|
||||
role="button"
|
||||
class="nav-link ps-2 d-flex cursor-pointer align-items-center"
|
||||
:class="getTextColor()"
|
||||
id="dropdownMenuBlocks"
|
||||
data-bs-toggle="dropdown"
|
||||
aria-expanded="false"
|
||||
>
|
||||
<i
|
||||
class="material-icons opacity-6 me-2 text-md"
|
||||
:class="getTextColor()"
|
||||
>view_day</i
|
||||
>
|
||||
Sections
|
||||
<img
|
||||
:src="getArrowColor()"
|
||||
alt="down-arrow"
|
||||
class="arrow ms-2 d-lg-block d-none"
|
||||
/>
|
||||
<img
|
||||
: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 dropdown-md-responsive p-3 border-radius-lg mt-0 mt-lg-3"
|
||||
aria-labelledby="dropdownMenuBlocks"
|
||||
>
|
||||
<div class="d-none d-lg-block">
|
||||
<ul class="list-group">
|
||||
<li
|
||||
class="nav-item dropdown dropdown-hover dropdown-subitem list-group-item border-0 p-0"
|
||||
>
|
||||
<a
|
||||
class="dropdown-item py-2 ps-3 border-radius-md"
|
||||
href="javascript:;"
|
||||
>
|
||||
<div class="d-flex">
|
||||
<div
|
||||
class="w-100 d-flex align-items-center justify-content-between"
|
||||
>
|
||||
<div>
|
||||
<h6
|
||||
class="dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0"
|
||||
>
|
||||
Page Sections
|
||||
</h6>
|
||||
<span class="text-sm">See all sections</span>
|
||||
</div>
|
||||
<img
|
||||
:src="downArrow"
|
||||
alt="down-arrow"
|
||||
class="arrow"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<div class="dropdown-menu mt-0 py-3 px-2 mt-3">
|
||||
<RouterLink
|
||||
class="dropdown-item ps-3 border-radius-md mb-1"
|
||||
:to="{ name: 'page-headers' }"
|
||||
>
|
||||
Page Headers
|
||||
</RouterLink>
|
||||
<RouterLink
|
||||
class="dropdown-item ps-3 border-radius-md mb-1"
|
||||
:to="{ name: 'page-features' }"
|
||||
>
|
||||
Features
|
||||
</RouterLink>
|
||||
</div>
|
||||
</li>
|
||||
<li
|
||||
class="nav-item dropdown dropdown-hover dropdown-subitem list-group-item border-0 p-0"
|
||||
>
|
||||
<a
|
||||
class="dropdown-item py-2 ps-3 border-radius-md"
|
||||
href="javascript:;"
|
||||
>
|
||||
<div class="d-flex">
|
||||
<div
|
||||
class="w-100 d-flex align-items-center justify-content-between"
|
||||
>
|
||||
<div>
|
||||
<h6
|
||||
class="dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0"
|
||||
>
|
||||
Navigation
|
||||
</h6>
|
||||
<span class="text-sm">See all navigations</span>
|
||||
</div>
|
||||
<img
|
||||
:src="downArrow"
|
||||
alt="down-arrow"
|
||||
class="arrow"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<div class="dropdown-menu mt-0 py-3 px-2 mt-3">
|
||||
<RouterLink
|
||||
class="dropdown-item ps-3 border-radius-md mb-1"
|
||||
:to="{ name: 'navigation-navbars' }"
|
||||
>
|
||||
Navbars
|
||||
</RouterLink>
|
||||
<RouterLink
|
||||
class="dropdown-item ps-3 border-radius-md mb-1"
|
||||
:to="{ name: 'navigation-navtabs' }"
|
||||
>
|
||||
Nav Tabs
|
||||
</RouterLink>
|
||||
<RouterLink
|
||||
class="dropdown-item ps-3 border-radius-md mb-1"
|
||||
:to="{ name: 'navigation-pagination' }"
|
||||
>
|
||||
Pagination
|
||||
</RouterLink>
|
||||
</div>
|
||||
</li>
|
||||
<li
|
||||
class="nav-item dropdown dropdown-hover dropdown-subitem list-group-item border-0 p-0"
|
||||
>
|
||||
<a
|
||||
class="dropdown-item py-2 ps-3 border-radius-md"
|
||||
href="javascript:;"
|
||||
>
|
||||
<div class="d-flex">
|
||||
<div
|
||||
class="w-100 d-flex align-items-center justify-content-between"
|
||||
>
|
||||
<div>
|
||||
<h6
|
||||
class="dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0"
|
||||
>
|
||||
Input Areas
|
||||
</h6>
|
||||
<span class="text-sm">See all input areas</span>
|
||||
</div>
|
||||
<img
|
||||
:src="downArrow"
|
||||
alt="down-arrow"
|
||||
class="arrow"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<div class="dropdown-menu mt-0 py-3 px-2 mt-3">
|
||||
<RouterLink
|
||||
class="dropdown-item ps-3 border-radius-md mb-1"
|
||||
:to="{ name: 'inputareas-inputs' }"
|
||||
>
|
||||
Inputs
|
||||
</RouterLink>
|
||||
<RouterLink
|
||||
class="dropdown-item ps-3 border-radius-md mb-1"
|
||||
:to="{ name: 'inputareas-forms' }"
|
||||
>
|
||||
Forms
|
||||
</RouterLink>
|
||||
</div>
|
||||
</li>
|
||||
<li
|
||||
class="nav-item dropdown dropdown-hover dropdown-subitem list-group-item border-0 p-0"
|
||||
>
|
||||
<a
|
||||
class="dropdown-item py-2 ps-3 border-radius-md"
|
||||
href="javascript:;"
|
||||
>
|
||||
<div class="d-flex">
|
||||
<div
|
||||
class="w-100 d-flex align-items-center justify-content-between"
|
||||
>
|
||||
<div>
|
||||
<h6
|
||||
class="dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0"
|
||||
>
|
||||
Attention Catchers
|
||||
</h6>
|
||||
<span class="text-sm">See all examples</span>
|
||||
</div>
|
||||
<img
|
||||
:src="downArrow"
|
||||
alt="down-arrow"
|
||||
class="arrow"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<div class="dropdown-menu mt-0 py-3 px-2 mt-3">
|
||||
<RouterLink
|
||||
class="dropdown-item ps-3 border-radius-md mb-1"
|
||||
:to="{ name: 'ac-alerts' }"
|
||||
>
|
||||
Alerts
|
||||
</RouterLink>
|
||||
<RouterLink
|
||||
class="dropdown-item ps-3 border-radius-md mb-1"
|
||||
:to="{ name: 'ac-modals' }"
|
||||
>
|
||||
Modals
|
||||
</RouterLink>
|
||||
<RouterLink
|
||||
class="dropdown-item ps-3 border-radius-md mb-1"
|
||||
:to="{ name: 'ac-tooltips-popovers' }"
|
||||
>
|
||||
Tooltips & Popovers
|
||||
</RouterLink>
|
||||
</div>
|
||||
</li>
|
||||
<li
|
||||
class="nav-item dropdown dropdown-hover dropdown-subitem list-group-item border-0 p-0"
|
||||
>
|
||||
<a
|
||||
class="dropdown-item py-2 ps-3 border-radius-md"
|
||||
href="javascript:;"
|
||||
>
|
||||
<div class="d-flex">
|
||||
<div
|
||||
class="w-100 d-flex align-items-center justify-content-between"
|
||||
>
|
||||
<div>
|
||||
<h6
|
||||
class="dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0"
|
||||
>
|
||||
Elements
|
||||
</h6>
|
||||
<span class="text-sm">See all elements</span>
|
||||
</div>
|
||||
<img
|
||||
:src="downArrow"
|
||||
alt="down-arrow"
|
||||
class="arrow"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<div class="dropdown-menu mt-0 py-3 px-2 mt-3">
|
||||
<RouterLink
|
||||
class="dropdown-item ps-3 border-radius-md mb-1"
|
||||
:to="{ name: 'el-avatars' }"
|
||||
>
|
||||
Avatars
|
||||
</RouterLink>
|
||||
<RouterLink
|
||||
class="dropdown-item ps-3 border-radius-md mb-1"
|
||||
:to="{ name: 'el-badges' }"
|
||||
>
|
||||
Badges
|
||||
</RouterLink>
|
||||
<RouterLink
|
||||
class="dropdown-item ps-3 border-radius-md mb-1"
|
||||
:to="{ name: 'el-breadcrumbs' }"
|
||||
>
|
||||
Breadcrumbs
|
||||
</RouterLink>
|
||||
<RouterLink
|
||||
class="dropdown-item ps-3 border-radius-md mb-1"
|
||||
:to="{ name: 'el-buttons' }"
|
||||
>
|
||||
Buttons
|
||||
</RouterLink>
|
||||
<RouterLink
|
||||
class="dropdown-item ps-3 border-radius-md mb-1"
|
||||
:to="{ name: 'el-button-groups' }"
|
||||
>
|
||||
Button Groups
|
||||
</RouterLink>
|
||||
<RouterLink
|
||||
class="dropdown-item ps-3 border-radius-md mb-1"
|
||||
:to="{ name: 'el-dropdowns' }"
|
||||
>
|
||||
Dropdowns
|
||||
</RouterLink>
|
||||
<RouterLink
|
||||
class="dropdown-item ps-3 border-radius-md mb-1"
|
||||
:to="{ name: 'el-progress-bars' }"
|
||||
>
|
||||
Progress Bars
|
||||
</RouterLink>
|
||||
<RouterLink
|
||||
class="dropdown-item ps-3 border-radius-md mb-1"
|
||||
:to="{ name: 'el-toggles' }"
|
||||
>
|
||||
Toggles
|
||||
</RouterLink>
|
||||
<RouterLink
|
||||
class="dropdown-item ps-3 border-radius-md mb-1"
|
||||
:to="{ name: 'el-typography' }"
|
||||
>
|
||||
Typography
|
||||
</RouterLink>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="row d-lg-none">
|
||||
<div class="col-md-12">
|
||||
<div class="d-flex mb-2">
|
||||
<div
|
||||
class="w-100 d-flex align-items-center justify-content-between"
|
||||
>
|
||||
<div>
|
||||
<h6
|
||||
class="dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0"
|
||||
>
|
||||
Page Sections
|
||||
</h6>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<RouterLink
|
||||
class="dropdown-item ps-3 border-radius-md mb-1"
|
||||
:to="{ name: 'page-headers' }"
|
||||
>
|
||||
Page Headers
|
||||
</RouterLink>
|
||||
<RouterLink
|
||||
class="dropdown-item ps-3 border-radius-md mb-1"
|
||||
:to="{ name: 'page-features' }"
|
||||
>
|
||||
Features
|
||||
</RouterLink>
|
||||
<div class="d-flex mb-2 mt-3">
|
||||
<div
|
||||
class="w-100 d-flex align-items-center justify-content-between"
|
||||
>
|
||||
<div>
|
||||
<h6
|
||||
class="dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0"
|
||||
>
|
||||
Navigation
|
||||
</h6>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<RouterLink
|
||||
class="dropdown-item ps-3 border-radius-md mb-1"
|
||||
:to="{ name: 'navigation-navbars' }"
|
||||
>
|
||||
Navbars
|
||||
</RouterLink>
|
||||
<RouterLink
|
||||
class="dropdown-item ps-3 border-radius-md mb-1"
|
||||
:to="{ name: 'navigation-navtabs' }"
|
||||
>
|
||||
Nav Tabs
|
||||
</RouterLink>
|
||||
<RouterLink
|
||||
class="dropdown-item ps-3 border-radius-md mb-1"
|
||||
:to="{ name: 'navigation-pagination' }"
|
||||
>
|
||||
Pagination
|
||||
</RouterLink>
|
||||
<div class="d-flex mb-2 mt-3">
|
||||
<div
|
||||
class="w-100 d-flex align-items-center justify-content-between"
|
||||
>
|
||||
<div>
|
||||
<h6
|
||||
class="dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0"
|
||||
>
|
||||
Input Areas
|
||||
</h6>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<RouterLink
|
||||
class="dropdown-item ps-3 border-radius-md mb-1"
|
||||
:to="{ name: 'inputareas-inputs' }"
|
||||
>
|
||||
Inputs
|
||||
</RouterLink>
|
||||
<RouterLink
|
||||
class="dropdown-item ps-3 border-radius-md mb-1"
|
||||
:to="{ name: 'inputareas-forms' }"
|
||||
>
|
||||
Forms
|
||||
</RouterLink>
|
||||
<div class="d-flex mb-2 mt-3">
|
||||
<div
|
||||
class="w-100 d-flex align-items-center justify-content-between"
|
||||
>
|
||||
<div>
|
||||
<h6
|
||||
class="dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0"
|
||||
>
|
||||
Attention Catchers
|
||||
</h6>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<RouterLink
|
||||
class="dropdown-item ps-3 border-radius-md mb-1"
|
||||
:to="{ name: 'ac-alerts' }"
|
||||
>
|
||||
Alerts
|
||||
</RouterLink>
|
||||
<RouterLink
|
||||
class="dropdown-item ps-3 border-radius-md mb-1"
|
||||
:to="{ name: 'ac-modals' }"
|
||||
>
|
||||
Modals
|
||||
</RouterLink>
|
||||
<RouterLink
|
||||
class="dropdown-item ps-3 border-radius-md mb-1"
|
||||
:to="{ name: 'ac-tooltips-popovers' }"
|
||||
>
|
||||
Tooltips & Popovers
|
||||
</RouterLink>
|
||||
<div class="d-flex mb-2 mt-3">
|
||||
<div
|
||||
class="w-100 d-flex align-items-center justify-content-between"
|
||||
>
|
||||
<div>
|
||||
<h6
|
||||
class="dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0"
|
||||
>
|
||||
Elements
|
||||
</h6>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<RouterLink
|
||||
class="dropdown-item ps-3 border-radius-md mb-1"
|
||||
:to="{ name: 'el-avatars' }"
|
||||
>
|
||||
Avatars
|
||||
</RouterLink>
|
||||
<RouterLink
|
||||
class="dropdown-item ps-3 border-radius-md mb-1"
|
||||
:to="{ name: 'el-badges' }"
|
||||
>
|
||||
Badges
|
||||
</RouterLink>
|
||||
<RouterLink
|
||||
class="dropdown-item ps-3 border-radius-md mb-1"
|
||||
:to="{ name: 'el-breadcrumbs' }"
|
||||
>
|
||||
Breadcrumbs
|
||||
</RouterLink>
|
||||
<RouterLink
|
||||
class="dropdown-item ps-3 border-radius-md mb-1"
|
||||
:to="{ name: 'el-buttons' }"
|
||||
>
|
||||
Buttons
|
||||
</RouterLink>
|
||||
<RouterLink
|
||||
class="dropdown-item ps-3 border-radius-md mb-1"
|
||||
:to="{ name: 'el-button-groups' }"
|
||||
>
|
||||
Button Groups
|
||||
</RouterLink>
|
||||
<RouterLink
|
||||
class="dropdown-item ps-3 border-radius-md mb-1"
|
||||
:to="{ name: 'el-dropdowns' }"
|
||||
>
|
||||
Dropdowns
|
||||
</RouterLink>
|
||||
<RouterLink
|
||||
class="dropdown-item ps-3 border-radius-md mb-1"
|
||||
:to="{ name: 'el-progress-bars' }"
|
||||
>
|
||||
Progress Bars
|
||||
</RouterLink>
|
||||
<RouterLink
|
||||
class="dropdown-item ps-3 border-radius-md mb-1"
|
||||
:to="{ name: 'el-toggles' }"
|
||||
>
|
||||
Toggles
|
||||
</RouterLink>
|
||||
<RouterLink
|
||||
class="dropdown-item ps-3 border-radius-md mb-1"
|
||||
:to="{ name: 'el-typography' }"
|
||||
>
|
||||
Typography
|
||||
</RouterLink>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li class="nav-item dropdown dropdown-hover mx-2">
|
||||
<a
|
||||
role="button"
|
||||
@ -878,7 +312,7 @@ watch(
|
||||
:class="getTextColor()"
|
||||
>article</i
|
||||
>
|
||||
Мой профиль
|
||||
Профиль
|
||||
<img
|
||||
:src="getArrowColor()"
|
||||
alt="down-arrow"
|
||||
@ -899,48 +333,20 @@ watch(
|
||||
<li class="nav-item list-group-item border-0 p-0">
|
||||
<a
|
||||
class="dropdown-item py-2 ps-3 border-radius-md"
|
||||
href=" https://www.creative-tim.com/learning-lab/vue/overview/material-kit/"
|
||||
href=" http://localhost:3000/pages/landing-pages/basic"
|
||||
>
|
||||
<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>
|
||||
</li>
|
||||
<li class="nav-item list-group-item border-0 p-0">
|
||||
<a
|
||||
class="dropdown-item py-2 ps-3 border-radius-md"
|
||||
href=" https://www.creative-tim.com/learning-lab/vue/colors/material-kit/"
|
||||
>
|
||||
<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>
|
||||
</li>
|
||||
<li class="nav-item list-group-item border-0 p-0">
|
||||
<a
|
||||
class="dropdown-item py-2 ps-3 border-radius-md"
|
||||
href=" https://www.creative-tim.com/learning-lab/vue/alerts/material-kit/"
|
||||
>
|
||||
<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
|
||||
>Рассказ о том, какой я классный</span
|
||||
>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
<div class="row d-lg-none">
|
||||
@ -952,91 +358,18 @@ watch(
|
||||
<h6
|
||||
class="dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0"
|
||||
>
|
||||
Getting Started
|
||||
Мой профиль
|
||||
</h6>
|
||||
<span class="text-sm"
|
||||
>All about overview, quick start, license and
|
||||
contents</span
|
||||
>
|
||||
</a>
|
||||
<a
|
||||
class="dropdown-item py-2 ps-3 border-radius-md"
|
||||
href="./pages/about-us.html"
|
||||
>
|
||||
<h6
|
||||
class="dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0"
|
||||
>
|
||||
Foundation
|
||||
</h6>
|
||||
<span class="text-sm"
|
||||
>See our colors, icons and typography</span
|
||||
>
|
||||
</a>
|
||||
<a
|
||||
class="dropdown-item py-2 ps-3 border-radius-md"
|
||||
href="./pages/about-us.html"
|
||||
>
|
||||
<h6
|
||||
class="dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0"
|
||||
>
|
||||
Components
|
||||
</h6>
|
||||
<span class="text-sm"
|
||||
>Explore our collection of fully designed components</span
|
||||
>
|
||||
</a>
|
||||
<a
|
||||
class="dropdown-item py-2 ps-3 border-radius-md"
|
||||
href="./pages/about-us.html"
|
||||
>
|
||||
<h6
|
||||
class="dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0"
|
||||
>
|
||||
Plugins
|
||||
</h6>
|
||||
<span class="text-sm"
|
||||
>Check how you can integrate our plugins</span
|
||||
>
|
||||
</a>
|
||||
<a
|
||||
class="dropdown-item py-2 ps-3 border-radius-md"
|
||||
href="./pages/about-us.html"
|
||||
>
|
||||
<h6
|
||||
class="dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0"
|
||||
>
|
||||
Utility Classes
|
||||
</h6>
|
||||
<span class="text-sm"
|
||||
>For those who want flexibility, use our utility
|
||||
classes</span
|
||||
>Рассказ о том, какой я классный</span
|
||||
>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<!-- <li class="nav-item dropdown dropdown-hover mx-2">
|
||||
<a
|
||||
href="hhttps://github.com/VikingEngineers"
|
||||
class="nav-link d-flex cursor-pointer align-items-center"
|
||||
>
|
||||
<svg
|
||||
width="20px"
|
||||
height="20px"
|
||||
class="material-icons me-2 opacity-6"
|
||||
viewBox="0 0 24 24"
|
||||
aria-hidden="true"
|
||||
data-testid="GitHubIcon"
|
||||
:fill="props.transparent && '#fff'"
|
||||
>
|
||||
<path
|
||||
d="M12 1.27a11 11 0 00-3.48 21.46c.55.09.73-.28.73-.55v-1.84c-3.03.64-3.67-1.46-3.67-1.46-.55-1.29-1.28-1.65-1.28-1.65-.92-.65.1-.65.1-.65 1.1 0 1.73 1.1 1.73 1.1.92 1.65 2.57 1.2 3.21.92a2 2 0 01.64-1.47c-2.47-.27-5.04-1.19-5.04-5.5 0-1.1.46-2.1 1.2-2.84a3.76 3.76 0 010-2.93s.91-.28 3.11 1.1c1.8-.49 3.7-.49 5.5 0 2.1-1.38 3.02-1.1 3.02-1.1a3.76 3.76 0 010 2.93c.83.74 1.2 1.74 1.2 2.94 0 4.21-2.57 5.13-5.04 5.4.45.37.82.92.82 2.02v3.03c0 .27.1.64.73.55A11 11 0 0012 1.27"
|
||||
></path>
|
||||
</svg>
|
||||
Github
|
||||
</a>
|
||||
</li> -->
|
||||
|
||||
</ul>
|
||||
<ul class="navbar-nav d-lg-block d-none">
|
||||
<li class="nav-item">
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user