natty
/
calckey
1
0
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
packages/backend/src/server/web/cli.css
View File

@ -6,13 +6,26 @@ main {
border-radius: 10px; border-radius: 10px;
} }
#tl > div { #tl > div {
padding: 16px; border: 1px solid #908caa;
border-bottom: 1px solid #908caa; border-radius: 10px;
margin: 10px;
padding: 10px;
width: fit-content;
} }
#tl > div > header { #tl > div > header {
font-weight: 700; 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; font-family: BIZ UDGothic, Roboto, HelveticaNeue, Arial, sans-serif;
} }
@ -26,7 +39,6 @@ html {
justify-content: center; justify-content: center;
margin: auto; margin: auto;
padding: 10px; padding: 10px;
text-align: center;
} }
button { button {
border-radius:999px; border-radius:999px;

9
packages/backend/src/server/web/cli.js
View File

@ -45,11 +45,16 @@ window.onload = async () => {
const tl = document.getElementById("tl"); const tl = document.getElementById("tl");
for (const note of notes) { for (const note of notes) {
const el = document.createElement("div"); 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}`; name.textContent = `${note.user.name} @${note.user.username}`;
avatar.src = note.user.avatar;
const text = document.createElement("div"); const text = document.createElement("div");
text.textContent = `${note.text}`; text.textContent = `${note.text}`;
el.appendChild(name); el.appendChild(header);
header.appendChild(avatar);
header.appendChild(name);
el.appendChild(text); el.appendChild(text);
tl.appendChild(el); tl.appendChild(el);
} }