Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-04-18 00:32:06 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

added bg circle

Browse source
This commit is contained in:
kKaskak 2023-10-18 16:19:17 +03:00
parent ea23012884
commit fc862aa166
2 changed files with 6 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/common/Slider/Slider.js
View file

@ -110,7 +110,8 @@ const Slider = ({ className, value, buffered, minimumValue, maximumValue, disabl
</div>
<div className={styles['layer']}>
<svg className={styles['thumb']} style={{ marginLeft: `calc(100% * ${thumbPosition})` }} viewBox={'0 0 10 10'}>
<circle cx={'5'} cy={'5'} r={'5'} />
<circle cx={'5'} cy={'5'} r={'4'} className={styles['background-circle']} />
<circle cx={'5'} cy={'5'} r={'2.5'} />
</svg>
</div>
</div>

4
src/common/Slider/styles.less
View file

@ -66,4 +66,8 @@ html.active-slider-within {
transform: translateX(-50%);
fill: var(--primary-foreground-color);
}
.background-circle {
filter: brightness(130%);
fill: var(--primary-accent-color);
}
}