added password to upload form
This commit is contained in:
parent
0e5202c470
commit
12e6eb1666
7 changed files with 153 additions and 17 deletions
57
app/main.css
57
app/main.css
|
@ -67,6 +67,63 @@ progress::-webkit-progress-value {
|
|||
box-shadow: 0 0 5rem 5rem white;
|
||||
}
|
||||
|
||||
.checkbox {
|
||||
@apply leading-normal;
|
||||
@apply select-none;
|
||||
}
|
||||
|
||||
.checkbox > input[type='checkbox'] {
|
||||
@apply absolute;
|
||||
@apply opacity-0;
|
||||
}
|
||||
|
||||
.checkbox > label {
|
||||
@apply cursor-pointer;
|
||||
}
|
||||
|
||||
.checkbox > label::before {
|
||||
@apply bg-blue-lightest;
|
||||
@apply border;
|
||||
@apply rounded-sm;
|
||||
|
||||
content: '';
|
||||
height: 1.5rem;
|
||||
width: 1.5rem;
|
||||
margin-right: 0.5rem;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.checkbox > label:hover::before {
|
||||
@apply border-blue;
|
||||
}
|
||||
|
||||
.checkbox > input:focus + label::before {
|
||||
@apply border-blue;
|
||||
}
|
||||
|
||||
.checkbox > input:checked + label::before {
|
||||
background-image: url('../assets/lock.svg');
|
||||
background-position: center;
|
||||
background-size: 1.25rem;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.checkbox > input:disabled + label {
|
||||
cursor: auto;
|
||||
}
|
||||
|
||||
.checkbox > input:disabled + label::before {
|
||||
background-image: url('../assets/lock.svg');
|
||||
background-position: center;
|
||||
background-size: 1.25rem;
|
||||
background-repeat: no-repeat;
|
||||
cursor: auto;
|
||||
}
|
||||
|
||||
#password-msg::after {
|
||||
content: '\200b';
|
||||
}
|
||||
|
||||
@screen md {
|
||||
.main {
|
||||
@apply flex-1;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue