sovonegr/TorrServerJellyfin
1
0
Fork 0
mirror of https://github.com/Ernous/TorrServerJellyfin.git synced 2025-12-20 05:56:10 +05:00
Code Issues Packages Projects Releases Wiki Activity

updated buffer percentage formula

Browse Source
This commit is contained in:
Daniel Shleifman
2021-05-28 23:29:07 +03:00
parent 611c529718
commit 5ec6396d52
3 changed files with 147 additions and 134 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
web/src/components/DialogTorrentDetailsContent/style.js
View File

@@ -166,14 +166,22 @@ export const StatisticsFieldValue = styled.div`
`}
`
export const LoadingProgress = styled.div.attrs(({ value, fullAmount }) => ({
percentage: Math.min(100, (value * 100) / fullAmount),
}))`
${({ percentage, label }) => css`
export const LoadingProgress = styled.div.attrs(({ value, fullAmount }) => {
const percentage = (value * 100) / fullAmount
const percentageMinmax = Math.min(100, percentage)
// console.log(percentage)
const stylePercentage = percentageMinmax === 100 ? 100 : percentageMinmax % 100
return {
style: {
background: `linear-gradient(to right, #b5dec9 0%, #b5dec9 ${stylePercentage}%, #fff ${stylePercentage}%, #fff 100%)`,
},
}
})`
${({ label }) => css`
border: 1px solid;
padding: 10px 20px;
border-radius: 5px;
background: linear-gradient(to right, #b5dec9 0%, #b5dec9 ${percentage}%, #fff ${percentage}%, #fff 100%);
:before {
content: '${label}';