New, more Mastodon-like header

This commit is contained in:
Nikita Karamov 2021-03-12 21:08:53 +01:00
parent 7415bb2093
commit c6a92c3046
No known key found for this signature in database
GPG key ID: EA4E7DECEEA050E4
3 changed files with 15 additions and 7 deletions

View file

@ -40,9 +40,8 @@ html(lang="en")
h1 h1
img(src="/icon.svg" width=72 height=72 alt="toot") img(src="/icon.svg" width=72 height=72 alt="toot")
p p
| Quickly post on any | for
img(src="/mastodon.svg" width=95.5 height=27) img(src="/mastodon.svg" width=95.5 height=27)
| instance
main main
form#form form#form
section section

View file

@ -29,3 +29,5 @@ $button-hover-bg: #4ea2df;
$button-text: white; $button-text: white;
$input-bg: #131419; $input-bg: #131419;
$border-color: #303643;

View file

@ -46,19 +46,26 @@ body {
} }
header { header {
border-bottom: 1px solid $border-color;
padding: 1.5rem 0;
text-align: center; text-align: center;
padding-top: 2rem; width: 100%;
h1 { h1 {
margin: 0 0 8px; display: inline-block;
margin: 0 1rem 0 0;
vertical-align: middle;
} }
p { p {
margin: 0 0 26px; display: inline-block;
line-height: 1.2rem;
margin: 0;
text-align: left;
vertical-align: middle;
img { img {
display: inline; vertical-align: middle;
margin-bottom: -11px;
} }
} }
} }