diff --git a/src/App.css b/src/App.css index 0594f72..3e2d39b 100644 --- a/src/App.css +++ b/src/App.css @@ -1,5 +1,10 @@ .App { text-align: center; + +.HeaderImage{ + height: calc(10px + 30vmin); + max-width: 100%; +} } .App-logo { diff --git a/src/App.js b/src/App.js index 6db4a1d..32e032b 100644 --- a/src/App.js +++ b/src/App.js @@ -2,6 +2,7 @@ import { useState, useEffect, useCallback } from 'react' import './App.css' import download from 'downloadjs' import FrameChooser from './FrameChooser.js' +import HeaderImage from './HeaderImage.svg' import mergeImages from 'merge-images' @@ -58,8 +59,8 @@ function App() { return (
- + Finished Frame diff --git a/src/HeaderImage.svg b/src/HeaderImage.svg new file mode 100644 index 0000000..aaa112f --- /dev/null +++ b/src/HeaderImage.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + +