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

@ -24,16 +24,17 @@ html, 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 {
@ -90,7 +91,6 @@ button {
input {
border: 1px solid #000;
font-size: 0.85em;
}
.files {
@ -330,6 +330,10 @@ header {
font-size: 1.5em;
}
#node-content.encrypted {
color: #a00;
}
.node-content {
grid-area: content;
justify-self: center;
@ -413,7 +417,6 @@ header {
grid-template-columns: 1fr min-content;
grid-gap: 8px 16px;
color: #444;
font-size: 0.85em;
.filename {
white-space: nowrap;
@ -443,11 +446,10 @@ header {
.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;
.status {
cursor: pointer;
@ -464,13 +466,16 @@ header {
padding-bottom: 4px;
user-select: none;
text-decoration: underline;
white-space: nowrap;
}
.view {
white-space: nowrap;
cursor: pointer;
padding-bottom: 4px;
margin-left: 16px;
user-select: none;
text-decoration: underline;
white-space: nowrap;
}
.hex-key {
@ -482,6 +487,39 @@ header {
}
}
#key-create {
.fields {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 16px;
max-width: 48ex;
#key-description {
grid-column: 1 / -1;
font-size: 1em;
font-family: monospace;
}
#key-key {
grid-column: 1 / -1;
height: 4em;
resize: none;
font-size: 1em;
}
#key-pass1, #key-pass2 {
font-size: 1em;
}
button.generate {
margin-right: 16px;
}
button.create {
}
}
}
.layout-tree {// {{{
display: grid;
grid-template-areas: