Work on cryptokeys
This commit is contained in:
parent
56a6e7145f
commit
87a802e210
12 changed files with 637 additions and 83 deletions
|
|
@ -20,14 +20,15 @@ body {
|
|||
}
|
||||
h1 {
|
||||
margin-top: 0px;
|
||||
font-size: 1em;
|
||||
font-size: 1.5em;
|
||||
}
|
||||
h2 {
|
||||
margin-top: 32px;
|
||||
font-size: 0.9em;
|
||||
font-size: 1.25em;
|
||||
}
|
||||
button {
|
||||
font-size: 1em;
|
||||
padding: 6px;
|
||||
}
|
||||
#blackout {
|
||||
position: absolute;
|
||||
|
|
@ -76,7 +77,6 @@ button {
|
|||
}
|
||||
#upload input {
|
||||
border: 1px solid #000;
|
||||
font-size: 0.85em;
|
||||
}
|
||||
#upload .files {
|
||||
display: grid;
|
||||
|
|
@ -274,6 +274,9 @@ header .menu {
|
|||
margin-bottom: 32px;
|
||||
font-size: 1.5em;
|
||||
}
|
||||
#node-content.encrypted {
|
||||
color: #a00;
|
||||
}
|
||||
.node-content {
|
||||
grid-area: content;
|
||||
justify-self: center;
|
||||
|
|
@ -349,7 +352,6 @@ header .menu {
|
|||
grid-template-columns: 1fr min-content;
|
||||
grid-gap: 8px 16px;
|
||||
color: #444;
|
||||
font-size: 0.85em;
|
||||
}
|
||||
#file-section .files .filename {
|
||||
white-space: nowrap;
|
||||
|
|
@ -373,11 +375,10 @@ header .menu {
|
|||
}
|
||||
#keys .key-list {
|
||||
display: grid;
|
||||
grid-template-columns: min-content 1fr min-content;
|
||||
grid-template-columns: min-content min-content min-content;
|
||||
grid-gap: 12px 12px;
|
||||
align-items: end;
|
||||
margin-top: 16px;
|
||||
font-size: 0.85em;
|
||||
}
|
||||
#keys .key-list .status {
|
||||
cursor: pointer;
|
||||
|
|
@ -396,12 +397,15 @@ header .menu {
|
|||
padding-bottom: 4px;
|
||||
user-select: none;
|
||||
text-decoration: underline;
|
||||
white-space: nowrap;
|
||||
}
|
||||
#keys .key-list .view {
|
||||
white-space: nowrap;
|
||||
cursor: pointer;
|
||||
padding-bottom: 4px;
|
||||
margin-left: 16px;
|
||||
user-select: none;
|
||||
text-decoration: underline;
|
||||
white-space: nowrap;
|
||||
}
|
||||
#keys .key-list .hex-key {
|
||||
grid-column: 1 / -1;
|
||||
|
|
@ -409,6 +413,30 @@ header .menu {
|
|||
padding: 16px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
#key-create .fields {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
grid-gap: 16px;
|
||||
max-width: 48ex;
|
||||
}
|
||||
#key-create .fields #key-description {
|
||||
grid-column: 1 / -1;
|
||||
font-size: 1em;
|
||||
font-family: monospace;
|
||||
}
|
||||
#key-create .fields #key-key {
|
||||
grid-column: 1 / -1;
|
||||
height: 4em;
|
||||
resize: none;
|
||||
font-size: 1em;
|
||||
}
|
||||
#key-create .fields #key-pass1,
|
||||
#key-create .fields #key-pass2 {
|
||||
font-size: 1em;
|
||||
}
|
||||
#key-create .fields button.generate {
|
||||
margin-right: 16px;
|
||||
}
|
||||
.layout-tree {
|
||||
display: grid;
|
||||
grid-template-areas: "header header" "tree crumbs" "tree child-nodes" "tree name" "tree content" "tree files" "tree blank";
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue