cpvalente/ontime
1
0
Fork 0
mirror of https://github.com/cpvalente/ontime.git synced 2026-08-20 14:39:06 +00:00
Code Issues Packages Projects Releases 10 Wiki Activity

style improvements

Browse Source 
- added empty state to list
- styled scrollbars
- progressbar shows time elapsed
- timers are monospace
- prevent overflow in titles
This commit is contained in:
cv
2021-04-21 19:11:43 +02:00
parent 4e36e58a21
commit 57c6b11db1
26 changed files with 381 additions and 209 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/common/components/myProgressBar/MyProgressBar.jsx
+5 -2
View File
@@ -2,8 +2,11 @@ import { clamp } from '../../../app/utils';
import styles from './MyProgressBar.module.css';
export default function MyProgressBar(props) {
const { now, complete } = props;
const percentComplete = clamp((now * 100) / complete - 1, 0, 100);
const { now, complete, showElapsed } = props;
const percentComplete = showElapsed
? clamp((100 - (now * 100) / complete - 1), 0, 100)
: clamp((now * 100) / complete - 1, 0, 100)
return (
<div className={styles.progress}>