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

View File

@ -38,6 +38,15 @@ const Logo = styled.img.attrs({ src: logo, width: 45, height: 45 })`
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
const chunkSize = new Duration(60);
@ -58,7 +67,7 @@ export function App() {
return (
<AppContainer>
<AppTitle><Logo />Workout editor</AppTitle>
<AppTitle><Logo />Workout editor <Beta>beta</Beta></AppTitle>
<CodeEditor onValueChange={onChange} value={text} />
<WorkoutPlot intervals={chunkRangeIntervals(workout.intervals, chunkSize)} />
{error && <ErrorMessage>{error}</ErrorMessage>}