feat: spruce up CLI

This commit is contained in:
ThatOneCalculator 2023-03-19 01:59:33 -07:00
parent 1bd70ae19f
commit 2dcf88b732
No known key found for this signature in database
GPG Key ID: 8703CACD01000000
2 changed files with 22 additions and 5 deletions

View File

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

View File

@ -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);
}