user info on top of entries, fix #105

This commit is contained in:
teddit 2021-01-09 13:29:57 +01:00
parent d2b117c6fc
commit f59eb03698
2 changed files with 22 additions and 11 deletions

View File

@ -774,8 +774,9 @@ footer a {
padding-top: 0px; padding-top: 0px;
} }
#user .info { #user .info {
float: left; float: right;
width: 20%; width: 20%;
text-align: center;
} }
#user .info h1 { #user .info h1 {
font-size: 1.1rem; font-size: 1.1rem;
@ -790,9 +791,6 @@ footer a {
#user .entries .entry .meta .flair { #user .entries .entry .meta .flair {
float: left; float: left;
} }
#user .comment {
width: 100%;
}
#user .entries .entry .meta a { #user .entries .entry .meta a {
margin-right: 5px; margin-right: 5px;
margin-left: 5px; margin-left: 5px;
@ -1353,6 +1351,19 @@ code {
background: #fff0; background: #fff0;
transition: none; transition: none;
} }
@media only screen and (max-width: 768px) {
#user .info {
float: right;
width: 100%;
text-align: center;
margin: 0px 0px 20px 0px;
}
#user .entries {
float: left;
width: calc(100% - 20px);
min-height: 100vh;
}
}
@media only screen and (max-width: 600px) { @media only screen and (max-width: 600px) {
#sidebar { #sidebar {
width: 100%; width: 100%;

View File

@ -58,6 +58,13 @@ html
a(href="?sort=" + sortby + "&t=year") past year a(href="?sort=" + sortby + "&t=year") past year
li(class=past === 'all' ? 'active' : '') li(class=past === 'all' ? 'active' : '')
a(href="?sort=" + sortby + "&t=all") all time a(href="?sort=" + sortby + "&t=all") all time
.info
h1 #{data.username}
p(class="user-stat") <span>#{kFormatter(data.link_karma)}</span> post karma
p(class="user-stat") <span>#{kFormatter(data.comment_karma)}</span> comment karma
br
p(title="" + toUTCString(data.created) + "") account created: #{toDateString(data.created)}
p verified: #{(data.verified) ? "yes" : "no" }
.entries .entries
if !data.posts || data.posts.length <= 0 if !data.posts || data.posts.length <= 0
h3 no posts/comments h3 no posts/comments
@ -128,11 +135,4 @@ html
a(href="/u/" + data.username + "?before=" + data.before + "") prev a(href="/u/" + data.username + "?before=" + data.before + "") prev
if data.after if data.after
a(href="/u/" + data.username + "?after=" + data.after + "") next a(href="/u/" + data.username + "?after=" + data.after + "") next
.info
h1 #{data.username}
p(class="user-stat") <span>#{kFormatter(data.link_karma)}</span> post karma
p(class="user-stat") <span>#{kFormatter(data.comment_karma)}</span> comment karma
br
p(title="" + toUTCString(data.created) + "") account created: #{toDateString(data.created)}
p verified: #{(data.verified) ? "yes" : "no" }
include includes/footer.pug include includes/footer.pug