chaos/VaultUI
1
0
Fork 0
Code Issues Activity

Add icons on TransitViewSecretPage.

Browse source
This commit is contained in:
Kitteh 2021-04-15 15:28:00 +01:00
parent 752b179f9d
commit 9fc0f9347b
1 changed files with 13 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
src/pages/TransitViewSecret.js
View file

@ -7,7 +7,7 @@ export class TransitViewSecretPage extends Page {
super();
}
makeTile(title, description, onclick) {
makeTile(title, description, icon = "code", onclick = _ => {}) {
return makeElement({
tag: "div",
class: ["uk-tile", "uk-tile-default", "uk-tile-primary", "uk-padding-small"],
@ -19,7 +19,16 @@ export class TransitViewSecretPage extends Page {
makeElement({
tag: "p",
class: "uk-h4",
text: title
text: title,
children: makeElement({
tag: "span",
class: ["uk-icon", "uk-margin-small-left"],
attributes: {
"uk-icon": `icon: ${icon}`,
"role": "img",
"aria-label": `${title} icon`
}
})
}),
makeElement({
tag: "span",
@ -42,8 +51,8 @@ export class TransitViewSecretPage extends Page {
makeElement({
tag: "div",
children: [
this.makeTile("Encrypt", "Encrypt some plaintext or base64 encoded binary."),
this.makeTile("Decrypt", "Decrypt some cyphertext."),
this.makeTile("Encrypt", "Encrypt some plaintext or base64 encoded binary.", "lock"),
this.makeTile("Decrypt", "Decrypt some cyphertext.", "mail"),
]
}),
]