Work on cryptokeys

This commit is contained in:
Magnus Åhall 2023-07-12 22:35:38 +02:00
parent 56a6e7145f
commit 87a802e210
12 changed files with 637 additions and 83 deletions

View file

@ -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";