Improve browse page styling & data

ellipsis moment
This commit is contained in:
Xevion
2022-03-27 04:14:27 -05:00
parent f999b0f9a2
commit 5338797013
4 changed files with 63 additions and 16 deletions

View File

@@ -184,6 +184,7 @@ form button {
margin: 0.3em;
padding: 0.5em;
border: 1px solid darkblue;
height: 6em;
}
.user-list .user-box .user-box-timestamp {
font-size: 0.8em;
@@ -191,7 +192,23 @@ form button {
.user-list .user-box .user-box-username {
font-weight: bold;
}
.user-list .user-box .user-box-img {
.user-list .user-box .user-box-bottom {
height: 100%;
display: flex;
}
.user-list .user-box .user-box-bottom .user-box-minibio {
width: 100%;
margin: 0.4em;
margin-left: 0.6em;
display: -webkit-box;
line-height: 1.2em;
height: 3.6em;
-webkit-line-clamp: 3;
white-space: normal;
overflow: hidden;
-webkit-box-orient: vertical;
}
.user-list .user-box .user-box-img img {
margin-top: 0.3em;
max-height: 3em;
max-width: 3em;