VoltEuropa/profile.volt.link
VoltEuropa/profile.volt.link
1
0
Fork 0
mirror of https://github.com/voltbonn/profile-picture-generator.git synced 2024-12-22 15:55:08 +00:00
Code Activity

added header website logo

Browse source
This commit is contained in:
thomasrosen 2021-01-21 19:16:17 +01:00
parent 0e3e44e82f
commit ba33f9b1ed
3 changed files with 26 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/App.css
View file

@ -1,5 +1,10 @@
.App { .App {
text-align: center; text-align: center;
.HeaderImage{
height: calc(10px + 30vmin);
max-width: 100%;
}
} }
.App-logo { .App-logo {

3
src/App.js
View file

@ -2,6 +2,7 @@ import { useState, useEffect, useCallback } from 'react'
import './App.css' import './App.css'
import download from 'downloadjs' import download from 'downloadjs'
import FrameChooser from './FrameChooser.js' import FrameChooser from './FrameChooser.js'
import HeaderImage from './HeaderImage.svg'
import mergeImages from 'merge-images' import mergeImages from 'merge-images'
@ -58,8 +59,8 @@ function App() {
return ( return (
<div className="App"> <div className="App">
<header className="App-header"> <header className="App-header">
<label>Load an Image:</label>
<input type="file" onChange={handleImage} /> <input type="file" onChange={handleImage} />
<img src={HeaderImage} className="HeaderImage" />
<img src={combinedImage} className="App-logo" alt="Finished Frame" /> <img src={combinedImage} className="App-logo" alt="Finished Frame" />

19
src/HeaderImage.svg Normal file
View file

File diff suppressed because one or more lines are too long
Side by side

After

Width:  |  Height:  |  Size: 149 KiB