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