feat: add switch and slider radius (#367)

* feat: add switch radius

* feat: add slider radius

* Update slider radii

* Update widget/settings/pages/theme/menus/index.ts

Co-authored-by: Jas Singh <jaskiratpal.singh@outlook.com>

* Update widget/settings/pages/theme/menus/index.ts

Co-authored-by: Jas Singh <jaskiratpal.singh@outlook.com>

* Update widget/settings/pages/theme/menus/index.ts

Co-authored-by: Jas Singh <jaskiratpal.singh@outlook.com>

* Update widget/settings/pages/theme/menus/index.ts

Co-authored-by: Jas Singh <jaskiratpal.singh@outlook.com>

---------

Co-authored-by: Jas Singh <jaskiratpal.singh@outlook.com>
This commit is contained in:
Rubin Bhandari
2024-10-26 12:50:42 +05:45
committed by GitHub
parent 37ab13a829
commit bf6fc3dbea
4 changed files with 158 additions and 119 deletions

View File

@@ -1,12 +1,12 @@
.menu-slider {
trough {
border-radius: 0.3rem;
border-radius: $bar-menus-slider-progress-radius;
background: $surface0;
highlight,
progress {
background: $peach;
border-radius: 0.3rem;
border-radius: $bar-menus-slider-progress-radius;
}
}
@@ -16,7 +16,7 @@
min-height: 0.6rem;
min-width: 0.6rem;
border: 0rem solid transparent;
border-radius: 0.3rem;
border-radius: $bar-menus-slider-slider-radius;
}
&:hover {
@@ -34,7 +34,7 @@
.menu-switch {
font-size: 1.3em;
background-color: $surface0;
border-radius: 0.2em;
border-radius: $bar-menus-switch-radius;
&:checked {
background: $sky;
@@ -44,7 +44,7 @@
highlight,
progress {
background-color: $peach;
border-radius: 0.3em;
border-radius: $bar-menus-switch-radius;
}
}
@@ -54,7 +54,7 @@
min-height: 1em;
min-width: 1em;
border: 0em solid transparent;
border-radius: 0.2em;
border-radius: $bar-menus-switch-slider-radius;
margin: 0.1em 0.15em;
}