Mindboost
/
dev-audioprocessing
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

ok

master
unknown 2023-01-03 05:59:50 +05:00
parent 5c8cab752f
commit 88a614ca43
3 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
assets/css/style.css
View File

@ -96,7 +96,7 @@
} }
.nav-link:hover{ .nav-link:hover{
background-color: #e9c046; background-color: #e9c046;
color: white; color: white !important;
} }
.nav-link:hover svg path { .nav-link:hover svg path {
fill: white; fill: white;

4
components/homebar.vue
View File

@ -3,9 +3,9 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="row pt-3"> <div class="row pt-3">
<div class=" pt-md-1 pt-lg-1 col-sm-12 col-12 col-md-3 col-lg-3"> <div class=" pt-md-1 pt-lg-1 col-sm-12 col-12 col-md-3 col-lg-3">
<a class="navbar-brand " href="#"> <nuxt-link class="navbar-brand " to="/">
<img src="/svglogo.svg" height="35" class="img w-100" alt="imae"> <img src="/svglogo.svg" height="35" class="img w-100" alt="imae">
</a> </nuxt-link>
</div> </div>
<div class="col-12 col-md-5 col-lg-6 text-center"> <div class="col-12 col-md-5 col-lg-6 text-center">
<a class="text-decoration-none fs-3 fw-bolder text-white " aria-current="page" href="#">{{ title }}</a> <a class="text-decoration-none fs-3 fw-bolder text-white " aria-current="page" href="#">{{ title }}</a>

18
pages/setting.vue
View File

@ -9,44 +9,44 @@
<span class=" d-none d-sm-inline pt-3"><img src="~/assets/image/Logo.png" class="img img-fluid"></span> <span class=" d-none d-sm-inline pt-3"><img src="~/assets/image/Logo.png" class="img img-fluid"></span>
</a> </a>
<ul class="nav flex-column mb-sm-auto mb-0 align-items-center w-100 align-items-sm-start" id="menu"> <ul class="nav flex-column mb-sm-auto mb-0 align-items-center w-100 align-items-sm-start" id="menu">
<li class="nav-item py-0 w-100 "> <li class="nav-item py-0 pb-md-1 w-100 ">
<nuxt-link to="/setting" class="nav-link px-3 py-3 list-active align-middle px-0 active text-muted fw-bold"> <nuxt-link to="/setting" class="nav-link px-3 py-3 list-active align-middle px-0 active text-muted fw-bold">
<i class="fa-solid d-sm-none d-block fa-user"></i><span class="ms-1 d-none d-sm-inline">Account</span> <i class="fa-solid d-sm-none d-block fa-user"></i><span class="ms-1 d-none d-sm-inline">Account</span>
</nuxt-link> </nuxt-link>
</li> </li>
<li class="nav-item py-0 w-100 "> <li class="nav-item py-0 pb-md-1 w-100 ">
<nuxt-link to="/setting/subscription" class="nav-link px-3 py-3 list-active align-middle px-0 text-muted fw-bold"> <nuxt-link to="/setting/subscription" class="nav-link px-3 py-3 list-active align-middle px-0 text-muted fw-bold">
<i class="fa-solid d-sm-none d-block fa-credit-card"></i><span class="ms-1 d-none d-sm-inline">Subscription</span> <i class="fa-solid d-sm-none d-block fa-credit-card"></i><span class="ms-1 d-none d-sm-inline">Subscription</span>
</nuxt-link> </nuxt-link>
</li> </li>
<li class="nav-item py-0 w-100 "> <li class="nav-item pb-md-1 py-0 w-100 ">
<nuxt-link to="/setting/soundscap" class=" px-3 py-3 list-active align-middle px-0 text-muted fw-bold"> <nuxt-link to="/setting/soundscap" class="nav-link px-3 py-3 list-active align-middle px-0 text-muted fw-bold">
<i class="fa-solid d-sm-none d-block fa-volume-high"></i><span class="ms-1 d-none d-sm-inline">Soundscape Settings</span> <i class="fa-solid d-sm-none d-block fa-volume-high"></i><span class="ms-1 d-none d-sm-inline">Soundscape Settings</span>
</nuxt-link> </nuxt-link>
</li> </li>
<li class="nav-item py-0 w-100 "> <li class="nav-item py-0 pb-md-1 w-100 ">
<nuxt-link to="/setting/faq" class="nav-link px-3 py-3 list-active align-middle px-0 text-muted fw-bold"> <nuxt-link to="/setting/faq" class="nav-link px-3 py-3 list-active align-middle px-0 text-muted fw-bold">
<i class="fa-solid d-block d-sm-none fa-circle-question"></i><span class="ms-1 d-none d-sm-inline">FAQ</span> <i class="fa-solid d-block d-sm-none fa-circle-question"></i><span class="ms-1 d-none d-sm-inline">FAQ</span>
</nuxt-link> </nuxt-link>
</li> </li>
<li class="nav-item py-0 w-100 "> <li class="nav-item py-0 pb-md-1 w-100 ">
<nuxt-link to="/setting/about" class="nav-link px-3 py-3 list-active align-middle px-0 text-muted fw-bold"> <nuxt-link to="/setting/about" class="nav-link px-3 py-3 list-active align-middle px-0 text-muted fw-bold">
<i class="fa-solid fa-circle-info d-block d-sm-none"></i><span class="ms-1 d-none d-sm-inline">About Mindboost</span> <i class="fa-solid fa-circle-info d-block d-sm-none"></i><span class="ms-1 d-none d-sm-inline">About Mindboost</span>
</nuxt-link> </nuxt-link>
</li> </li>
<li class="nav-item py-0 w-100 "> <li class="nav-item py-0 w-100 pb-md-1 ">
<nuxt-link to="/setting/imprint" class="nav-link px-3 py-3 list-active align-middle px-0 text-muted fw-bold"> <nuxt-link to="/setting/imprint" class="nav-link px-3 py-3 list-active align-middle px-0 text-muted fw-bold">
<i class="fa-solid fa-stamp d-sm-none d-block"></i><span class="ms-1 d-none d-sm-inline">Imprint</span> <i class="fa-solid fa-stamp d-sm-none d-block"></i><span class="ms-1 d-none d-sm-inline">Imprint</span>
</nuxt-link> </nuxt-link>
</li> </li>
<li class="nav-item py-0 w-100 "> <li class="nav-item py-0 w-100 pb-md-1 ">
<nuxt-link to="/setting/dataprotection" class="nav-link px-3 py-3 list-active align-middle px-0 text-muted fw-bold"> <nuxt-link to="/setting/dataprotection" class="nav-link px-3 py-3 list-active align-middle px-0 text-muted fw-bold">
<i class="fa-solid fa-stamp d-sm-none d-block"></i><span class="ms-1 d-none d-sm-inline">Data Protection</span> <i class="fa-solid fa-stamp d-sm-none d-block"></i><span class="ms-1 d-none d-sm-inline">Data Protection</span>
</nuxt-link> </nuxt-link>
</li> </li>
<li class="nav-item py-0 w-100 "> <li class="nav-item py-0 w-100 pb-md-1 ">
<nuxt-link to="/setting/termsandcondition" class="nav-link px-3 py-3 list-active align-middle px-0 text-muted fw-bold"> <nuxt-link to="/setting/termsandcondition" class="nav-link px-3 py-3 list-active align-middle px-0 text-muted fw-bold">
<i class="fa-solid fa-stamp d-sm-none d-block"></i><span class="ms-1 d-none d-sm-inline">Terms & Conditions</span> <i class="fa-solid fa-stamp d-sm-none d-block"></i><span class="ms-1 d-none d-sm-inline">Terms & Conditions</span>
</nuxt-link> </nuxt-link>