master
unknown 2023-01-03 05:45:43 +05:00
parent e16f4256eb
commit 94c8b54459
9 changed files with 61 additions and 44 deletions

View File

@ -82,3 +82,25 @@
position: fixed;
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;
}

View File

@ -8,7 +8,7 @@
</a>
</div>
<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 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">

View File

@ -11,7 +11,7 @@
</a>
</div>
<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 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">

View File

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

View File

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

View File

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

View File

@ -1,11 +0,0 @@
<template>
<div class="container">
<div class="row justify-content-center">
<div class="col-6">
<div class="row">
<div class="col-1"><span><i class="fa-solid fa-arrow-left-long"></i></span></div>
</div>
</div>
</div>
</div>
</template>

File diff suppressed because one or more lines are too long

View File

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