Find It menu working perfectly
This commit is contained in:
@@ -1,11 +1,9 @@
|
|||||||
const menusComponent = {
|
const menusComponent = {
|
||||||
template:
|
template:
|
||||||
`<a class="searchmenu" v-bind:aria-label="item.description" v-bind:href="item.link">
|
`<div class="bigger-fancy-text">
|
||||||
<div class="bigger-fancy-text">
|
|
||||||
<i v-bind:class="item.icon" aria-hidden="true"></i>
|
<i v-bind:class="item.icon" aria-hidden="true"></i>
|
||||||
<strong>{{ item.description }}</strong>
|
<strong>{{ item.description }}</strong>
|
||||||
</div>
|
</div>`,
|
||||||
</a>`,
|
|
||||||
props: ['item']
|
props: ['item']
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -75,8 +75,10 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- End modal -->
|
<!-- End modal -->
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div id="app"><!-- vue app -->
|
||||||
|
|
||||||
<div class="row" id="hamburger-alternative">
|
<div class="row" id="hamburger-alternative">
|
||||||
<div class="col-xs-12">
|
<div class="col-xs-12">
|
||||||
<nav class="navbar navbar-default main-nav-container">
|
<nav class="navbar navbar-default main-nav-container">
|
||||||
@@ -87,16 +89,13 @@
|
|||||||
<div class="caret-text">Find It</div>
|
<div class="caret-text">Find It</div>
|
||||||
<div class="fancy-caret"><i class="fas fa-angle-down" aria-hidden="true"></i></div>
|
<div class="fancy-caret"><i class="fas fa-angle-down" aria-hidden="true"></i></div>
|
||||||
</a>
|
</a>
|
||||||
<div id="app">
|
|
||||||
<ul class="dropdown-menu fade dropdown-margin">
|
<ul class="dropdown-menu fade dropdown-margin">
|
||||||
<li>
|
<li>
|
||||||
<div v-for="item in menus" v-bind:key="item.id">
|
<a v-for="item in menus" v-bind:key="item.id" class="searchmenu" v-bind:aria-label="item.description" v-bind:href="item.link">
|
||||||
<menus-component v-bind:item="item"></menus-component>
|
<menus-component v-bind:item="item"></menus-component>
|
||||||
</div>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
</div><!-- end Vue app -->
|
|
||||||
</li>
|
</li>
|
||||||
<li class="dropdown main-nav-dropdown">
|
<li class="dropdown main-nav-dropdown">
|
||||||
<a class="dropdown-toggle ga-main-navbar" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
|
<a class="dropdown-toggle ga-main-navbar" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
|
||||||
@@ -228,6 +227,9 @@
|
|||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
</div><!-- end Vue app -->
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="container" style="margin-top:14px;">
|
<div class="container" style="margin-top:14px;">
|
||||||
|
|||||||
Reference in New Issue
Block a user