Frontend changes

FossilOrigin-Name: d1b5b09ad14d4e4273bd70321b6ec785cc7a63103004450e1dcc7b307073493a
This commit is contained in:
me@ow.nekobit.net 2022-01-31 21:05:26 +00:00
parent d503e33e48
commit 55eeccf277
2 changed files with 28 additions and 3 deletions

28
dist/ratfe.css vendored
View file

@ -1,9 +1,16 @@
/* Basic elements */
body
{
font-family: Arial, Helvetica, sans-serif;
background-color: #f2f2f2;
}
a
{
color: #aa0000;
}
/* Divs and wrappers */
#display-wrapper
{
display: flex;
@ -100,6 +107,7 @@ input[type=button], input[type=submit], .sidebarbtn
input[type=button]:hover, input[type=submit]:hover, .sidebarbtn:hover
{
background: linear-gradient(#aa0000, #600000);
border-color: #400000;
color: #fff;
cursor: pointer;
}
@ -107,6 +115,7 @@ input[type=button]:hover, input[type=submit]:hover, .sidebarbtn:hover
input[type=button]:active, input[type=submit]:active, .sidebarbtn:active
{
background: linear-gradient(#600000, #aa0000);
border-color: #400000;
color: #fff;
cursor: pointer;
}
@ -134,7 +143,7 @@ input[type=button], input[type=submit]
.status
{
display: flex;
margin: 5px;
margin: 7px;
}
.status:not(:last-child)
@ -145,6 +154,14 @@ input[type=button], input[type=submit]
.status .profile-picture
{
display: inline-block;
width: 52px;
min-width: 52px;
height: 52px;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 4px;
margin-bottom: 5px;
}
.status .status-info
@ -152,6 +169,7 @@ input[type=button], input[type=submit]
flex: 1;
display: flex;
margin: 0 5px 5px;
min-width: 0;
flex-direction: column;
}
@ -170,6 +188,9 @@ input[type=button], input[type=submit]
.status .username
{
font-weight: bold;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.status .status-content
@ -178,6 +199,11 @@ input[type=button], input[type=submit]
overflow-wrap: break-word;
}
.status .status-content p
{
margin: 2px 0 0 0;
}
.status-visibility
{
color: #808080;

View file

@ -1,6 +1,5 @@
<div class="status">
<div class="profile-picture">
<img src="%s" height="64">
<div class="profile-picture" style="background-image:url('%s');">
</div>
<div class="status-info">
<div class="poster-stats">