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

Add small logo as final touch

This commit is contained in:
Rene Saarsoo 2020-10-04 16:09:57 +03:00
parent 4c315b28dd
commit 02009fd014
2 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/App.tsx
View File

@ -6,6 +6,7 @@ import { ErrorMessage } from './components/ErrorMessage';
import styled from 'styled-components'; import styled from 'styled-components';
import { CodeEditor } from './components/CodeEditor'; import { CodeEditor } from './components/CodeEditor';
import { ZwoOutput } from './components/ZwoOutput'; import { ZwoOutput } from './components/ZwoOutput';
import logo from "./logo.png";
const defaultWorkout = `Name: Sample workout const defaultWorkout = `Name: Sample workout
Description: Try changing it, and see what happens below. Description: Try changing it, and see what happens below.
@ -31,6 +32,11 @@ const AppTitle = styled.h1`
font-weight: normal; font-weight: normal;
`; `;
const Logo = styled.img.attrs({ src: logo, width: 45, height: 45 })`
margin-right: 0.5em;
vertical-align: bottom;
`;
// Split range-intervals into 1 minute chunks // Split range-intervals into 1 minute chunks
const chunkSize = new Duration(60); const chunkSize = new Duration(60);
@ -51,7 +57,7 @@ export function App() {
return ( return (
<AppContainer> <AppContainer>
<AppTitle>Workout editor</AppTitle> <AppTitle><Logo />Workout editor</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>}

BIN
src/logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.9 KiB