magnus/Notes
1
0
Fork 0
Code Issues 4 Pull requests Projects Releases 4 Packages Wiki Activity

Added file uploads

Browse source
This commit is contained in:
Magnus Åhall 2023-06-21 23:52:21 +02:00
parent 73c8adc86a
commit 5319492760
9 changed files with 381 additions and 36 deletions
Download patch file Download diff file Expand all files Collapse all files

56
static/css/main.css
View file

@ -24,8 +24,7 @@ h1 {
display: grid;
color: #fff;
}
#menu-blackout {
display: none;
#blackout {
position: absolute;
left: 0px;
right: 0px;
@ -34,9 +33,6 @@ h1 {
z-index: 1024;
background: rgba(0, 0, 0, 0.35);
}
#menu-blackout.show {
display: initial;
}
#menu {
display: none;
position: absolute;
@ -59,7 +55,7 @@ h1 {
-webkit-tap-highlight-color: transparent;
}
#menu .item.separator {
border-bottom: 3px solid #000;
border-bottom: 2px solid #000;
}
#menu .item:hover {
background: #ddd;
@ -67,6 +63,54 @@ h1 {
#menu .item:last-child {
border-bottom: none;
}
#upload {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #333;
background: #fff;
border: 2px solid #000;
padding: 16px;
z-index: 1025;
}
#upload input {
border: 1px solid #000;
font-size: 0.85em;
}
#upload .files {
display: grid;
grid-template-columns: 1fr min-content;
padding-top: 12px;
}
#upload .files .file {
margin-top: 8px;
padding-top: 8px;
border-top: 1px solid #ddd;
}
#upload .files .file:nth-child(1) {
padding-top: 0px;
margin-top: 0px;
border-top: none;
}
#upload .files .file.done {
color: #0a0;
}
#upload .files .progress {
justify-self: end;
margin-top: 8px;
padding-top: 8px;
padding-left: 8px;
border-top: 1px solid #ddd;
}
#upload .files .progress:nth-child(2) {
padding-top: 0px;
margin-top: 0px;
border-top: none;
}
#upload .files .progress.done {
color: #0a0;
}
header {
display: grid;
grid-template-columns: 1fr min-content min-content;