pali112
/
workout-editor
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add Beta label

This commit is contained in:
Rene Saarsoo 2020-10-04 17:04:59 +03:00
parent 217bb28599
commit 9af50a0a8d
1 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/App.tsx
View File

@ -38,6 +38,15 @@ const Logo = styled.img.attrs({ src: logo, width: 45, height: 45 })`
vertical-align: bottom; vertical-align: bottom;
`; `;
const Beta = styled.span`
display: inline-block;
color: #cc2222;
opacity: 0.7;
font-size: 20px;
font-weight: bold;
transform: rotate(20deg) translate(-15px, -8px);
`;
// Split range-intervals into 1 minute chunks // Split range-intervals into 1 minute chunks
const chunkSize = new Duration(60); const chunkSize = new Duration(60);
@ -58,7 +67,7 @@ export function App() {
return ( return (
<AppContainer> <AppContainer>
<AppTitle><Logo />Workout editor</AppTitle> <AppTitle><Logo />Workout editor <Beta>beta</Beta></AppTitle>
<CodeEditor onValueChange={onChange} value={text} /> <CodeEditor onValueChange={onChange} value={text} />
<WorkoutPlot intervals={chunkRangeIntervals(workout.intervals, chunkSize)} /> <WorkoutPlot intervals={chunkRangeIntervals(workout.intervals, chunkSize)} />
{error && <ErrorMessage>{error}</ErrorMessage>} {error && <ErrorMessage>{error}</ErrorMessage>}