feat: spruce up CLI
This commit is contained in:
parent
1bd70ae19f
commit
2dcf88b732
2 changed files with 22 additions and 5 deletions
|
@ -6,13 +6,26 @@ main {
|
|||
border-radius: 10px;
|
||||
}
|
||||
#tl > div {
|
||||
padding: 16px;
|
||||
border-bottom: 1px solid #908caa;
|
||||
border: 1px solid #908caa;
|
||||
border-radius: 10px;
|
||||
margin: 10px;
|
||||
padding: 10px;
|
||||
width: fit-content;
|
||||
}
|
||||
#tl > div > header {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
img {
|
||||
height: 45px;
|
||||
border-radius: 10px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
#form {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
* {
|
||||
font-family: BIZ UDGothic, Roboto, HelveticaNeue, Arial, sans-serif;
|
||||
}
|
||||
|
@ -26,7 +39,6 @@ html {
|
|||
justify-content: center;
|
||||
margin: auto;
|
||||
padding: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
button {
|
||||
border-radius:999px;
|
||||
|
|
|
@ -45,11 +45,16 @@ window.onload = async () => {
|
|||
const tl = document.getElementById("tl");
|
||||
for (const note of notes) {
|
||||
const el = document.createElement("div");
|
||||
const name = document.createElement("header");
|
||||
const header = document.createElement("header");
|
||||
const name = document.createElement("p");
|
||||
const avatar = document.createElement("img")
|
||||
name.textContent = `${note.user.name} @${note.user.username}`;
|
||||
avatar.src = note.user.avatar;
|
||||
const text = document.createElement("div");
|
||||
text.textContent = `${note.text}`;
|
||||
el.appendChild(name);
|
||||
el.appendChild(header);
|
||||
header.appendChild(avatar);
|
||||
header.appendChild(name);
|
||||
el.appendChild(text);
|
||||
tl.appendChild(el);
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue