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: () => ({
|
default: () => ({
|
||||||
route: "/pages/landing-pages/basic",
|
route: "/pages/landing-pages/basic",
|
||||||
color: "bg-gradient-success",
|
color: "bg-gradient-success",
|
||||||
label: "Вход/Регистрация"
|
label: "Вход / Регистрация"
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
transparent: {
|
transparent: {
|
||||||
@ -117,7 +117,7 @@ watch(
|
|||||||
]"
|
]"
|
||||||
:to="{ name: 'presentation' }"
|
:to="{ name: 'presentation' }"
|
||||||
rel="tooltip"
|
rel="tooltip"
|
||||||
title="Цифровое портфолио и деловые контакты"
|
title="Designed and Coded by Creative Tim"
|
||||||
data-placement="bottom"
|
data-placement="bottom"
|
||||||
>
|
>
|
||||||
LinkedMin
|
LinkedMin
|
||||||
@ -131,15 +131,15 @@ watch(
|
|||||||
"
|
"
|
||||||
to="/"
|
to="/"
|
||||||
rel="tooltip"
|
rel="tooltip"
|
||||||
title="Цифровое портфолио и деловые контакты"
|
title="Designed and Coded by Creative Tim"
|
||||||
data-placement="bottom"
|
data-placement="bottom"
|
||||||
>
|
>
|
||||||
Material Design
|
LinkedMin
|
||||||
</RouterLink>
|
</RouterLink>
|
||||||
<a
|
<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"
|
class="btn btn-sm bg-gradient-success mb-0 ms-auto d-lg-none d-block"
|
||||||
>Buy Now</a
|
>Вход/Регистрация</a
|
||||||
>
|
>
|
||||||
<button
|
<button
|
||||||
class="navbar-toggler shadow-none ms-2"
|
class="navbar-toggler shadow-none ms-2"
|
||||||
@ -175,7 +175,7 @@ watch(
|
|||||||
:class="getTextColor()"
|
:class="getTextColor()"
|
||||||
>dashboard</i
|
>dashboard</i
|
||||||
>
|
>
|
||||||
Люди
|
Пользователи
|
||||||
<img
|
<img
|
||||||
:src="getArrowColor()"
|
:src="getArrowColor()"
|
||||||
alt="down-arrow"
|
alt="down-arrow"
|
||||||
@ -198,37 +198,15 @@ watch(
|
|||||||
<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"
|
||||||
>
|
>
|
||||||
Landing Pages
|
Все пользователи
|
||||||
</div>
|
</div>
|
||||||
<RouterLink
|
<RouterLink
|
||||||
:to="{ name: 'about' }"
|
:to="{ name: 'profiles' }"
|
||||||
class="dropdown-item border-radius-md"
|
class="dropdown-item border-radius-md"
|
||||||
>
|
>
|
||||||
<span>About Us</span>
|
<span>Все пользователи</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>
|
|
||||||
</RouterLink>
|
</RouterLink>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -237,40 +215,20 @@ watch(
|
|||||||
<div
|
<div
|
||||||
class="dropdown-header text-dark font-weight-bolder d-flex align-items-center px-0"
|
class="dropdown-header text-dark font-weight-bolder d-flex align-items-center px-0"
|
||||||
>
|
>
|
||||||
Landing Pages
|
Все пользователи
|
||||||
</div>
|
</div>
|
||||||
<RouterLink
|
<RouterLink
|
||||||
:to="{ name: 'about' }"
|
:to="{ name: 'profiles' }"
|
||||||
class="dropdown-item border-radius-md"
|
class="dropdown-item border-radius-md"
|
||||||
>
|
>
|
||||||
<span>About Us</span>
|
<span>Все пользователи</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>
|
|
||||||
</RouterLink>
|
</RouterLink>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
|
|
||||||
<li class="nav-item dropdown dropdown-hover mx-2">
|
<li class="nav-item dropdown dropdown-hover mx-2">
|
||||||
<a
|
<a
|
||||||
role="button"
|
role="button"
|
||||||
@ -308,37 +266,15 @@ watch(
|
|||||||
<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"
|
||||||
>
|
>
|
||||||
Landing Pages
|
Все проекты
|
||||||
</div>
|
</div>
|
||||||
<RouterLink
|
<RouterLink
|
||||||
:to="{ name: 'about' }"
|
:to="{ name: 'projects' }"
|
||||||
class="dropdown-item border-radius-md"
|
class="dropdown-item border-radius-md"
|
||||||
>
|
>
|
||||||
<span>About Us</span>
|
<span>Все проекты</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>
|
|
||||||
</RouterLink>
|
</RouterLink>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -347,523 +283,21 @@ watch(
|
|||||||
<div
|
<div
|
||||||
class="dropdown-header text-dark font-weight-bolder d-flex align-items-center px-0"
|
class="dropdown-header text-dark font-weight-bolder d-flex align-items-center px-0"
|
||||||
>
|
>
|
||||||
Landing Pages
|
Все проекты
|
||||||
</div>
|
</div>
|
||||||
<RouterLink
|
<RouterLink
|
||||||
:to="{ name: 'about' }"
|
:to="{ name: 'projects' }"
|
||||||
class="dropdown-item border-radius-md"
|
class="dropdown-item border-radius-md"
|
||||||
>
|
>
|
||||||
<span>About Us</span>
|
<span>Все проекты</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>
|
|
||||||
</RouterLink>
|
</RouterLink>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</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">
|
<li class="nav-item dropdown dropdown-hover mx-2">
|
||||||
<a
|
<a
|
||||||
role="button"
|
role="button"
|
||||||
@ -878,7 +312,7 @@ watch(
|
|||||||
:class="getTextColor()"
|
:class="getTextColor()"
|
||||||
>article</i
|
>article</i
|
||||||
>
|
>
|
||||||
Мой профиль
|
Профиль
|
||||||
<img
|
<img
|
||||||
:src="getArrowColor()"
|
:src="getArrowColor()"
|
||||||
alt="down-arrow"
|
alt="down-arrow"
|
||||||
@ -899,48 +333,20 @@ watch(
|
|||||||
<li class="nav-item list-group-item border-0 p-0">
|
<li class="nav-item list-group-item border-0 p-0">
|
||||||
<a
|
<a
|
||||||
class="dropdown-item py-2 ps-3 border-radius-md"
|
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
|
<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>
|
|
||||||
</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
|
|
||||||
>
|
>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div class="row d-lg-none">
|
<div class="row d-lg-none">
|
||||||
@ -952,91 +358,18 @@ watch(
|
|||||||
<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"
|
||||||
>
|
>
|
||||||
Getting Started
|
Мой профиль
|
||||||
</h6>
|
</h6>
|
||||||
<span class="text-sm"
|
<span class="text-sm"
|
||||||
>All about overview, quick start, license and
|
>Рассказ о том, какой я классный</span
|
||||||
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
|
|
||||||
>
|
>
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</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>
|
||||||
<ul class="navbar-nav d-lg-block d-none">
|
<ul class="navbar-nav d-lg-block d-none">
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user