tlsnotary/proof_viz
1
0
Fork 0
mirror of https://github.com/tlsnotary/proof_viz.git synced 2026-01-09 20:38:03 -05:00
Code Issues Packages Projects Releases Wiki Activity

Improved styling

Browse Source
This commit is contained in:
Hendrik Eeckhaut
2023-10-16 16:57:45 +02:00
parent 80635ff078
commit 541ebc312d
2 changed files with 42 additions and 109 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
styles.css
View File

@@ -13,70 +13,4 @@ body {
padding: 0;
background: #2d3131;
color: #fcfcfc;
}
img,
video {
max-width: 300px;
max-height: 500px;
}
p {
text-align: center;
}
label {
cursor: pointer;
}
input#file-upload {
visibility: hidden;
}
#wrapper {
width: 70%;
margin: auto;
}
#title {
font-size: 2rem;
text-align: center;
}
#drop-container {
padding: 4rem;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background: #3d4141;
border: 1px dashed #fcfcfc;
border-radius: 1rem;
}
#drop-container i {
font-size: 4rem;
}
#preview-area {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: stretch;
}
.preview-tile {
display: flex;
flex-direction: column;
padding: 2rem;
margin: 1rem;
background: #313737;
border-radius: 1rem;
}
.preview-media {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
}