Rename bar.js file to index.js and fix styling for switches and media progress bar.

This commit is contained in:
Jas Singh
2024-07-02 01:57:17 -07:00
parent 3cf2d73d57
commit fee85b255c
15 changed files with 58 additions and 38 deletions

View File

@@ -32,8 +32,9 @@
}
.menu-switch {
font-size: 1.3rem;
background-color: $surface0;
border-radius: 0.3rem;
border-radius: 0.2em;
&:checked {
background: $sky;
@@ -43,18 +44,18 @@
highlight,
progress {
background-color: $peach;
border-radius: 0.3rem;
border-radius: 0.3em;
}
}
slider {
box-shadow: none;
background-color: $overlay0;
min-height: 1.2rem;
min-width: 1.2rem;
border: 0rem solid transparent;
border-radius: 0.3rem;
margin: 0.1rem 0.2rem;
min-height: 1em;
min-width: 1em;
border: 0em solid transparent;
border-radius: 0.2em;
margin: 0.1em 0.15em;
}
&:hover {