Merge branch 'master' of https://github.com/CraveTeck/mindboost

components/homebar.vue

@@ -105,11 +105,11 @@
                 </ul>              </li>
 
               <li class="nav-item">
-                <a class="nav-link nav-icons   py-2" href="#">
+                <nuxt-link class="nav-link nav-icons   py-2" to="/adaptivesoundscap">
                   <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 20" fill="none">
                     <path d="M6.19515 0.864961C6.17452 0.868712 6.1539 0.874336 6.13515 0.879961C5.91202 0.930586 5.75452 1.13121 5.76015 1.35996V18.64C5.75827 18.8125 5.84827 18.9737 5.99827 19.0618C6.14827 19.1481 6.33202 19.1481 6.48202 19.0618C6.63202 18.9737 6.72202 18.8125 6.72015 18.64V1.35996C6.72577 1.22121 6.66952 1.08809 6.57015 0.994336C6.4689 0.898711 6.33202 0.851836 6.19515 0.864961ZM17.7151 0.864961C17.6945 0.868712 17.6739 0.874336 17.6551 0.879961C17.432 0.930586 17.2745 1.13121 17.2801 1.35996V18.64C17.2783 18.8125 17.3683 18.9737 17.5183 19.0618C17.6683 19.1481 17.852 19.1481 18.002 19.0618C18.152 18.9737 18.242 18.8125 18.2401 18.64V1.35996C18.2458 1.22121 18.1895 1.08809 18.0901 0.994336C17.9889 0.898711 17.852 0.851836 17.7151 0.864961ZM3.31515 5.18496C3.29452 5.18871 3.2739 5.19434 3.25515 5.19996C3.03202 5.25059 2.87452 5.45121 2.88015 5.67996V14.32C2.87827 14.4925 2.96827 14.6537 3.11827 14.7418C3.26827 14.8281 3.45202 14.8281 3.60202 14.7418C3.75202 14.6537 3.84202 14.4925 3.84015 14.32V5.67996C3.84577 5.54121 3.78952 5.40809 3.69015 5.31434C3.5889 5.21871 3.45202 5.17184 3.31515 5.18496ZM20.5951 5.18496C20.5745 5.18871 20.5539 5.19434 20.5351 5.19996C20.312 5.25059 20.1545 5.45121 20.1601 5.67996V14.32C20.1583 14.4925 20.2483 14.6537 20.3983 14.7418C20.5483 14.8281 20.732 14.8281 20.882 14.7418C21.032 14.6537 21.122 14.4925 21.1201 14.32V5.67996C21.1258 5.54121 21.0695 5.40809 20.9701 5.31434C20.8689 5.21871 20.732 5.17184 20.5951 5.18496ZM9.07515 5.66496C9.05452 5.66871 9.0339 5.67434 9.01515 5.67996C8.79202 5.73059 8.63452 5.93121 8.64015 6.15996V13.84C8.63827 14.0125 8.72827 14.1737 8.87827 14.2618C9.02827 14.3481 9.21202 14.3481 9.36202 14.2618C9.51202 14.1737 9.60202 14.0125 9.60015 13.84V6.15996C9.60577 6.02121 9.54952 5.88809 9.45015 5.79434C9.3489 5.69871 9.21202 5.65184 9.07515 5.66496ZM14.8351 5.66496C14.8145 5.66871 14.7939 5.67434 14.7751 5.67996C14.552 5.73059 14.3945 5.93121 14.4001 6.15996V13.84C14.3983 14.0125 14.4883 14.1737 14.6383 14.2618C14.7883 14.3481 14.972 14.3481 15.122 14.2618C15.272 14.1737 15.362 14.0125 15.3601 13.84V6.15996C15.3658 6.02121 15.3095 5.88809 15.2101 5.79434C15.1089 5.69871 14.972 5.65184 14.8351 5.66496ZM0.435146 8.06496C0.414521 8.06871 0.393896 8.07434 0.375146 8.07996C0.152021 8.13059 -0.00547904 8.33121 0.000145979 8.55996V11.44C-0.00172902 11.6125 0.0882711 11.7737 0.238271 11.8618C0.388271 11.9481 0.572021 11.9481 0.722021 11.8618C0.872021 11.7737 0.962021 11.6125 0.960146 11.44V8.55996C0.965771 8.42121 0.909521 8.28809 0.810146 8.19434C0.708896 8.09871 0.572021 8.05184 0.435146 8.06496ZM11.9551 8.06496C11.9345 8.06871 11.9139 8.07434 11.8951 8.07996C11.672 8.13059 11.5145 8.33121 11.5201 8.55996V11.44C11.5183 11.6125 11.6083 11.7737 11.7583 11.8618C11.9083 11.9481 12.092 11.9481 12.242 11.8618C12.392 11.7737 12.482 11.6125 12.4801 11.44V8.55996C12.4858 8.42121 12.4295 8.28809 12.3301 8.19434C12.2289 8.09871 12.092 8.05184 11.9551 8.06496ZM23.4751 8.06496C23.4545 8.06871 23.4339 8.07434 23.4151 8.07996C23.192 8.13059 23.0345 8.33121 23.0401 8.55996V11.44C23.0383 11.6125 23.1283 11.7737 23.2783 11.8618C23.4283 11.9481 23.612 11.9481 23.762 11.8618C23.912 11.7737 24.002 11.6125 24.0001 11.44V8.55996C24.0058 8.42121 23.9495 8.28809 23.8501 8.19434C23.7489 8.09871 23.612 8.05184 23.4751 8.06496Z" fill="#030504" fill-opacity="0.4"/>
                   </svg>
-                </a>
+                </nuxt-link>
               </li>
               <li class="nav-item">
                 <nuxt-link to="/setting" class="nav-link nav-icons   py-2">

pages/index.vue

@@ -15,14 +15,14 @@
 
               <div class="container-fluid">
                 <div class="row justify-content-center">
-                  <div class="adaptive">
+                  <div class="adaptive pb-2">
 
 
                   <div class="col-12 ">
                     <div class="d-flex justify-content-center  mb-1">
                       <span class="text-muted fw-bold fs-6 ">Adaptive soundscape : <span class="" style="color: #e9c046">On</span> </span><span class="ps-3"><i class="fa-solid text-muted d-flex pt-1 mt-1 fa-chevron-right"></i></span>
                     </div>
-                    <div class="d-block d-md-none mx-auto col-10 pb-1" >
+                    <div class=" mx-auto col-10 col-md-3 pb-1" >
                     <div class="progress " style="height: 10px">
                       <div class="progress-bar" role="progressbar"  aria-label="Basic example" style="width: 88%;background-color: #e9c046" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
                     </div>
@@ -30,7 +30,6 @@
                   </div>
                   <div class="col-12 d-block d-md-none justify-content-center pb-2">
                     <ul class="nav mx-auto " style="border-radius: 15px;background-color: #f5f5f5;width: 210px">
-
                       <li class="nav-item">
                         <a class="nav-link nav-icons  py-2" id="foucused-icon" href="#" >
                           <svg xmlns="http://www.w3.org/2000/svg" width="20" height="24" viewBox="0 0 19 20" fill="none">