3wordchant
/
oasis
0
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Refactor avatar style to use border-radius

This commit is contained in:
Christian Bundy 2019-06-24 12:10:02 -07:00
parent 170431ff3e
commit 1990a0a536
No known key found for this signature in database
GPG Key ID: EB541AAEF4366237
2 changed files with 56 additions and 53 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
index.js
View File

@ -37,6 +37,7 @@ async function home (ctx) {
limit: 32
}
)
const rawMsgs = await new Promise((resolve, reject) => {
pull(
msgSource,

108
views/layout.html
View File

@ -18,64 +18,66 @@
align-items: center;
justify-content: center;
}
/* https://www.desmos.com/calculator/3elcf5cwhn */
h1 { font-size: 150%; }
h2 { font-size: 128%; }
h3 { font-size: 120%; }
h4 { font-size: 116%; }
h5 { font-size: 113%; }
h6 { font-size: 111%; }
h1 {
margin-bottom: 0.5em;
border-bottom: 1px solid #0000001a;
}
/* https://www.desmos.com/calculator/3elcf5cwhn */
h1 { font-size: 150%; }
h2 { font-size: 128%; }
h3 { font-size: 120%; }
h4 { font-size: 116%; }
h5 { font-size: 113%; }
h6 { font-size: 111%; }
.message pre {
overflow-x: scroll;
}
h1 {
margin-bottom: 0.5em;
border-bottom: 1px solid #0000001a;
}
.message code {
color: hsl(330, 75%, 50%)
}
.message pre {
overflow-x: scroll;
}
@media screen {
html {
min-height: 100%;
background: hsl(240, 100%, 99%);
}
body {
max-width: 40rem;
padding: 1.5rem;
}
}
.message code {
color: hsl(330, 75%, 50%)
}
.message {
background: #fff;
padding: 1.5rem;
margin: 2rem 0;
border-radius: 2px;
border: 1px solid #ddd;
}
.message > header {
height: 1.5rem;
display: flex;
}
.message > header > .avatar {
width: 1.5rem;
height: 1.5rem;
}
.message > header > .text > .author {
margin-left: 0.5rem;
font-weight: bold;
}
.message > footer > a {
color: #888;
margin-right: 0.5rem;
text-decoration: none;
font-weight: bold;
}
@media screen {
html {
min-height: 100%;
background: hsl(240, 100%, 99%);
}
body {
max-width: 40rem;
padding: 1.5rem;
}
}
.message {
background: #fff;
padding: 1.5rem;
margin: 2rem 0;
border-radius: 2px;
border: 1px solid #ddd;
}
.message > header {
height: 1.5rem;
display: flex;
}
.message > header > .avatar {
width: 1.5rem;
height: 1.5rem;
border-radius: 2px;
}
.message > header > .text > .author {
margin-left: 0.5rem;
font-weight: bold;
}
.message > footer > a {
color: #888;
margin-right: 0.5rem;
text-decoration: none;
font-weight: bold;
}
</style>