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

ok

master
waqarulzafar 2023-01-03 05:46:20 +05:00
parent 82b96b9257 94c8b54459
commit 1e0ccfb838
8 changed files with 61 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
assets/css/style.css
View File

@ -82,3 +82,25 @@
position: fixed; position: fixed;
bottom: 0; bottom: 0;
} }
.dropdown-item:focus, .dropdown-item:hover {
color: white;
background-color: #e9c046;
}
.dropdown-item:focus, .dropdown-item:hover svg path{
fill: white;
}
.nav-link{
color: black;
}
.nav-link:hover{
background-color: #e9c046;
color: white;
}
.nav-link:hover svg path {
fill: white;
}
.nav-link:hover svg rect {
fill: white;
}

2
components/homebar.vue
View File

@ -8,7 +8,7 @@
</a> </a>
</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="nav-link 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>
</div> </div>
<div class="col-12 col-md-4 col-lg-3 d-none d-md-block "> <div class="col-12 col-md-4 col-lg-3 d-none d-md-block ">
<ul class="nav float-end" style="border-radius: 15px;background-color: #f5f5f5"> <ul class="nav float-end" style="border-radius: 15px;background-color: #f5f5f5">

2
pages/adaptivesoundscap.vue
View File

@ -11,7 +11,7 @@
</a> </a>
</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="nav-link fs-3 fw-bolder text-muted " aria-current="page" href="#">{{ title }}</a> <a class=" text-decoration-none fs-3 fw-bolder text-muted " aria-current="page" href="#">{{ title }}</a>
</div> </div>
<div class="col-12 col-md-4 col-lg-3 "> <div class="col-12 col-md-4 col-lg-3 ">
<ul class="nav mx-auto float-md-end" style="border-radius: 15px;background-color: #f5f5f5;width: 210px"> <ul class="nav mx-auto float-md-end" style="border-radius: 15px;background-color: #f5f5f5;width: 210px">

4
pages/homeforest.vue
View File

@ -11,14 +11,14 @@
<home-bar :title="title" /> <home-bar :title="title" />
<div class="container-fluid"> <div class="container-fluid">
<div class="row justify-content-center"> <div class="row justify-content-center">
<div class="adaptive"> <div class="adaptive pb-3">
<div class="col-12 "> <div class="col-12 ">
<div class="d-flex justify-content-center mb-1"> <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> <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>
<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 " 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 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> </div>

4
pages/homemeadow.vue
View File

@ -10,14 +10,14 @@
<home-bar :title="title" /> <home-bar :title="title" />
<div class="container-fluid"> <div class="container-fluid">
<div class="row justify-content-center"> <div class="row justify-content-center">
<div class="adaptive"> <div class="adaptive pb-3">
<div class="col-12 "> <div class="col-12 ">
<div class="d-flex justify-content-center mb-1"> <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> <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>
<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 " 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 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> </div>

5
pages/hometropics.vue
View File

@ -8,16 +8,17 @@
style=" height: 100vh;" style=" height: 100vh;"
> >
<home-bar :title="title" /> <home-bar :title="title" />
<div class="container-fluid"> <div class="container-fluid">
<div class="row justify-content-center"> <div class="row justify-content-center">
<div class="adaptive"> <div class="adaptive pb-3">
<div class="col-12 "> <div class="col-12 ">
<div class="d-flex justify-content-center mb-1"> <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> <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>
<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 " 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 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> </div>

45
pages/setting.vue
View File

File diff suppressed because one or more lines are too long

4
pages/setting/index.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div>
<div class="row justify-content-center"> <div class="row justify-content-center">
<div class="col-12 col-sm-12 col-md-8"> <div class="col-12 col-sm-12 col-md-8">
<div class="row"> <div class="row">
@ -54,7 +54,7 @@
</div> </div>
</div> </div>
</div>
</template> </template>
<script> <script>