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 07:45:04 +00:00
Code Activity

added info text for choosing the right image

Browse source
This commit is contained in:
thomasrosen 2021-01-21 20:54:09 +01:00
parent ae7d8df4c3
commit d8ff7976e4
2 changed files with 6 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/App.css
View file

@ -32,6 +32,11 @@ h2{
font-size: calc(10px + 4vmin); font-size: calc(10px + 4vmin);
} }
p{
max-width: 100%;
width: calc(40vh + 15vw);
}
.HeaderImage{ .HeaderImage{
height: calc(10px + 30vmin); height: calc(10px + 30vmin);
max-width: 100%; max-width: 100%;

1
src/App.js
View file

@ -61,6 +61,7 @@ return (
<img src={HeaderImage} className="HeaderImage" alt="Volt Logo" /> <img src={HeaderImage} className="HeaderImage" alt="Volt Logo" />
<h2>Choose your Photo:</h2> <h2>Choose your Photo:</h2>
<p>It should best be a square image or your face in the middle. The photo is not saved and never leaves your computer.</p>
<label className="labelButton" tabIndex="0" style={{outline:'none'}}> <label className="labelButton" tabIndex="0" style={{outline:'none'}}>
{!!photo ? <img src={photo} alt="Preview" /> : null} {!!photo ? <img src={photo} alt="Preview" /> : null}