near/heyarne.all-my-friends.app
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Add (kind of creepy) result visualization

Browse source
This commit is contained in:
heyarne 2020-05-05 00:25:15 +02:00
commit 9b7f2f2efb
5 changed files with 87 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

32
resources/public/style.css
View file

@ -41,10 +41,18 @@ p:first-of-type {
margin-top: 24px;
}
p:first-child {
margin-top: 0;
}
p:last-of-type {
margin-bottom: 24px
}
p:last-child {
margin-bottom: 0
}
button {
background: hsl(240, 100%, 70%);
border-radius: 4px;
@ -128,3 +136,27 @@ video#capture {
transform: scale(-1, 1);
border-radius: 4px;
}
#snapshot-preview {
z-index: 100;
background: #fff;
color: hsl(240, 100%, 70%);
border: 2px solid hsl(240, 100%, 70%);
border-radius: 4px;
box-shadow: 0 8px 0 hsla(240, 100%, 70%, 20%);
width: 480px;
max-width: 88%;
}
#snapshot-preview img {
display: block;
position: relative;
margin: 0 auto 32px;
transform: scale(-1, 1);
max-width: 100%;
height: auto;
}
#snapshot-preview button {
margin: 4px;
}