master
unknown 2022-12-28 01:47:47 +05:00
parent f946717dad
commit 48d359a52a
10 changed files with 374 additions and 10919 deletions

View File

@ -65,7 +65,7 @@
box-shadow: none; box-shadow: none;
} }
.dropdown-menu { .dropdown-menu {
min-width: 200px !important; min-width: 250px !important;
border: none; border: none;
box-shadow: 1px 0px 4px 0px rgba(0,0,0,0.10); box-shadow: 1px 0px 4px 0px rgba(0,0,0,0.10);
} }

10924
package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@ -18,6 +18,7 @@
"@heroicons/vue": "^2.0.13", "@heroicons/vue": "^2.0.13",
"bootstrap": "^5.2.3", "bootstrap": "^5.2.3",
"vite": "^3.2.5", "vite": "^3.2.5",
"vue": "^3.2.26" "vue": "^3.2.26",
"vue-audio-visual": "^3.0.2"
} }
} }

View File

@ -19,9 +19,15 @@
</template> </template>
<script> <script>
export default { export default {
name:'HomePage', name:'HomePage',
created() { created() {
return{
player : '',
canvas : '',
mySource : "./symphony.mp3",
}
} }
} }
</script> </script>

File diff suppressed because one or more lines are too long

View File

@ -15,27 +15,27 @@
</li> </li>
<li class="nav-item py-0 w-100 "> <li class="nav-item py-0 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-user"></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 py-0 w-100 ">
<nuxt-link to="/setting/soundscap" class="nav-link 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-user"></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 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-sm-none d-block fa-user"></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 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 d-sm-none d-block fa-user"></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 ">
<a href="#" class="nav-link px-3 py-3 list-active align-middle px-0 text-muted fw-bold"> <a href="#" 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-user"></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>
</a> </a>
</li> </li>
@ -45,10 +45,21 @@
</div> </div>
<div class="col-10 col-sm-9 overflow-hidden"> <div class="col-10 col-sm-9 overflow-hidden">
<div class="row "> <div class="row ">
<div class="col-12 text-center"> <div class="col-12 ">
<div class="d-inline-block mx-auto ">
<h4 class="d-inline-block d-none d-sm-block pt-3 text-muted fw-bolder">Settings</h4> <div class="row">
<div class="col-4 d-none d-sm-block col-sm-7 col-lg-9 ">
<div class="row">
<div class=" col-sm-5 col-lg-3">
</div> </div>
<div class="col-sm-7 col-lg-9">
<h4 class="text-center d-none d-sm-block pt-3 text-muted fw-bolder">Settings</h4>
</div>
</div>
</div>
<div class=" col-sm-5 col-lg-3">
<ul class="nav float-end"> <ul class="nav float-end">
<li class="nav-item dropdown"> <li class="nav-item dropdown">
<a class="nav-link first-icon px-2 py-2" aria-current="page" data-bs-toggle="dropdown" href="#"></a> <a class="nav-link first-icon px-2 py-2" aria-current="page" data-bs-toggle="dropdown" href="#"></a>
@ -124,6 +135,10 @@
</div> </div>
</div> </div>
</div>
</div>
<nuxt-page key="child" /> <nuxt-page key="child" />
</div> </div>
</div> </div>

View File

@ -3,7 +3,7 @@
<div class="row justify-content-center"> <div class="row justify-content-center">
<div class="col-12 col-md-10 col-sm-8"> <div class="col-12 col-md-10 col-sm-8">
<h4 class="fw-bold text-center pt-5"><span class="float-start"><i class="fa-solid fa-arrow-left-long"></i></span> Edit Account</h4> <h4 class="fw-bold text-center pt-5"><span class="float-start"><i class="fa-solid fa-arrow-left-long"></i></span> Edit Account</h4>
<div class="row justify-content-center">Subscription <div class="row justify-content-center">
<div class="col-11 col-md-8"> <div class="col-11 col-md-8">
<form> <form>
<div class="row pt-5"> <div class="row pt-5">

View File

@ -6,17 +6,18 @@
<div class="row"> <div class="row">
<div class="col-12"> <div class="col-12">
<div class="accordion accordion-flush" id="accordionPanelsStayOpenExample"> <div class="accordion accordion-flush" id="accordionPanelsStayOpenExample">
<div class="accordion-item"> <div class="accordion-item" data-bs-toggle="dropdown">
<h2 class="accordion-header" id="panelsStayOpen-headingOne"> <h2 class="accordion-header" id="panelsStayOpen-headingOne">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseOne" aria-expanded="true" aria-controls="panelsStayOpen-collapseOne"> <button class="accordion-button collapsed" type="button" data-bs-target="#panelsStayOpen-collapseOne" aria-expanded="true" aria-controls="panelsStayOpen-collapseOne">
Soundscape Soundscape
</button> </button>
</h2> </h2>
<div id="panelsStayOpen-collapseOne" class="accordion-collapse collapse show" aria-labelledby="panelsStayOpen-headingOne"> <ul class="dropdown-menu dropdown-menu-end me-4" id="panelsStayOpen-collapseOne" aria-labelledby="dropdownMenuButton1">
<div class="accordion-body"> <li class="px-1"><a class="dropdown-item py-2 " href="#" style="border-bottom: 1px solid lightgray;">Lagoon <span class="float-end"><img src="~/assets/image/Vector123.png"></span></a></li>
This is the first item's accordion body <li class="px-1"><a class="dropdown-item py-2" href="#" style="border-bottom: 1px solid lightgray;">Tropics <span class="float-end"><img src="~/assets/image/Vector7.png"></span></a></li>
</div> <li class="px-1"><a class="dropdown-item py-2" href="#" style="border-bottom: 1px solid lightgray;">Forest <span class="float-end"><img src="~/assets/image/Vector8.png"></span></a></li>
</div> <li class="px-1"><a class="dropdown-item py-2" href="#" style="border-bottom: 1px solid lightgray;">Meadow <span class="float-end"><img src="~/assets/image/Vector121.png"></span></a></li>
</ul>
</div> </div>
<div class="accordion-item"> <div class="accordion-item">
<h2 class="accordion-header" id="panelsStayOpen-headingTwo"> <h2 class="accordion-header" id="panelsStayOpen-headingTwo">

File diff suppressed because one or more lines are too long

View File

@ -9,7 +9,7 @@
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-4"> <div class="col-12 pt-3 col-sm-4">
<div class="card" style="background: #E9C046;box-shadow: 0px 0px 16px 1px rgba(108, 97, 97, 0.05);border-radius: 12px;" > <div class="card" style="background: #E9C046;box-shadow: 0px 0px 16px 1px rgba(108, 97, 97, 0.05);border-radius: 12px;" >
<div class="card-body py-4"> <div class="card-body py-4">
<h5 class="text-center fw-bolder text-white " style="font-weight: 600;font-size: 32px">$2.99</h5> <h5 class="text-center fw-bolder text-white " style="font-weight: 600;font-size: 32px">$2.99</h5>
@ -17,7 +17,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-4"> <div class="col-12 pt-3 col-sm-4">
<div class="card" style="background: #FFFFFF;box-shadow: 0px 0px 16px 1px rgba(108, 97, 97, 0.05);border-radius: 12px;"> <div class="card" style="background: #FFFFFF;box-shadow: 0px 0px 16px 1px rgba(108, 97, 97, 0.05);border-radius: 12px;">
<div class="card-body py-4"> <div class="card-body py-4">
<h5 class="text-center fw-bolder " style="font-weight: 600;font-size: 32px">$9.99</h5> <h5 class="text-center fw-bolder " style="font-weight: 600;font-size: 32px">$9.99</h5>
@ -25,7 +25,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-4"> <div class="col-12 pt-3 col-sm-4">
<div class="card" style="background: #FFFFFF;border: 1px solid #E9C046;border-radius: 12px;"> <div class="card" style="background: #FFFFFF;border: 1px solid #E9C046;border-radius: 12px;">
<div class="card-body py-4"> <div class="card-body py-4">
<h5 class="text-center fw-bolder " style="font-weight: 600;font-size: 32px">$14.99</h5> <h5 class="text-center fw-bolder " style="font-weight: 600;font-size: 32px">$14.99</h5>