Music NFTs section

Degen-dApps · May 7, 2024 · 5ca821c · 5ca821c
1 parent 24c1ef7
commit 5ca821c
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 10 deletions.
diff --git a/components/nft/list/NftListDropdown.vue b/components/nft/list/NftListDropdown.vue
@@ -4,11 +4,12 @@
       {{ buttonText }}
     </button>
     <ul class="dropdown-menu">
-      <li><NuxtLink class="dropdown-item" to="/nft/featured">Featured NFTs</NuxtLink></li>
-      <li><NuxtLink class="dropdown-item" to="/nft">New NFTs</NuxtLink></li>
-      <li><NuxtLink class="dropdown-item" to="/nft/most-traded">Most Traded NFTs</NuxtLink></li>
-      <li><NuxtLink class="dropdown-item" to="/nft/highest-price">Top-Priced NFTs</NuxtLink></li>
-      <li><NuxtLink class="dropdown-item" to="/nft/most-holders">Most Holders NFTs</NuxtLink></li>
+      <li><NuxtLink class="dropdown-item" to="/nft/music-nfts"><i class="bi bi-music-note-beamed me-2"></i>Music NFTs</NuxtLink></li>
+      <li><NuxtLink class="dropdown-item" to="/nft/featured"><i class="bi bi-patch-check me-2"></i>Featured NFTs</NuxtLink></li>
+      <li><NuxtLink class="dropdown-item" to="/nft"><i class="bi bi-stars me-2"></i>New NFTs</NuxtLink></li>
+      <li><NuxtLink class="dropdown-item" to="/nft/most-traded"><i class="bi bi-arrow-left-right me-2"></i>Most Traded NFTs</NuxtLink></li>
+      <li><NuxtLink class="dropdown-item" to="/nft/highest-price"><i class="bi bi-currency-bitcoin me-2"></i>Top-Priced NFTs</NuxtLink></li>
+      <li><NuxtLink class="dropdown-item" to="/nft/most-holders"><i class="bi bi-gem me-2"></i>Most Holders NFTs</NuxtLink></li>
     </ul>
   </div>
 </template>

diff --git a/components/sidebars/SidebarLeft.vue b/components/sidebars/SidebarLeft.vue
@@ -86,38 +86,45 @@
           </li>
           -->
 
+          <!-- Music NFTs -->
+          <li class="nav-item p-1" @click="closeLeftSidebar" v-if="$config.nftLaunchpadBondingAddress && $config.showFeatures.nftLaunchpad">
+            <NuxtLink class="nav-link" :class="$route.path == '/nft/music-nfts' ? 'active' : ''" aria-current="page" to="/nft/music-nfts">
+              <i class="bi bi-music-note-beamed me-1"></i> Music NFTs
+            </NuxtLink>
+          </li>
+
           <!-- Featured NFTs -->
           <li class="nav-item p-1" @click="closeLeftSidebar" v-if="$config.nftLaunchpadBondingAddress && $config.showFeatures.nftLaunchpad">
             <NuxtLink class="nav-link" :class="$route.path == '/nft/featured' ? 'active' : ''" aria-current="page" to="/nft/featured">
-              <i class="bi bi-patch-check"></i> Featured NFTs
+              <i class="bi bi-patch-check me-1"></i> Featured NFTs
             </NuxtLink>
           </li>
 
           <!-- New NFTs -->
           <li class="nav-item p-1" @click="closeLeftSidebar" v-if="$config.nftLaunchpadBondingAddress && $config.showFeatures.nftLaunchpad">
             <NuxtLink class="nav-link" :class="$route.path == '/nft' ? 'active' : ''" aria-current="page" to="/nft">
-              <i class="bi bi-stars"></i> New NFTs
+              <i class="bi bi-stars me-1"></i> New NFTs
             </NuxtLink>
           </li>
 
           <!-- Most Traded NFTs -->
           <li class="nav-item p-1" @click="closeLeftSidebar" v-if="$config.nftLaunchpadBondingAddress && $config.showFeatures.nftLaunchpad">
             <NuxtLink class="nav-link" :class="$route.path.startsWith('/nft/most-traded') ? 'active' : ''" aria-current="page" to="/nft/most-traded">
-              <i class="bi bi-arrow-left-right"></i> Most Traded NFTs
+              <i class="bi bi-arrow-left-right me-1"></i> Most Traded NFTs
             </NuxtLink>
           </li>
 
           <!-- Top-Priced NFTs -->
           <li class="nav-item p-1" @click="closeLeftSidebar" v-if="$config.nftLaunchpadBondingAddress && $config.showFeatures.nftLaunchpad">
             <NuxtLink class="nav-link" :class="$route.path.startsWith('/nft/highest-price') ? 'active' : ''" aria-current="page" to="/nft/highest-price">
-              <i class="bi bi-currency-bitcoin"></i> Top-Priced NFTs
+              <i class="bi bi-currency-bitcoin me-1"></i> Top-Priced NFTs
             </NuxtLink>
           </li>
 
           <!-- Most Holders NFTs -->
           <li class="nav-item p-1" @click="closeLeftSidebar" v-if="$config.nftLaunchpadBondingAddress && $config.showFeatures.nftLaunchpad">
             <NuxtLink class="nav-link" :class="$route.path.startsWith('/nft/most-holders') ? 'active' : ''" aria-current="page" to="/nft/most-holders">
-              <i class="bi bi-gem"></i> Most Holders NFTs
+              <i class="bi bi-gem me-1"></i> Most Holders NFTs
             </NuxtLink>
           </li>