Properly square avatars and misc overflow fixes

This commit is contained in:
Astra 2025-05-10 17:51:13 +09:00
parent 99c40b645a
commit 8e1a46d81b
Signed by: astra
SSH key fingerprint: SHA256:jQDNS75/33T59Ey4yAzrUPP/5YQaXEetsW8hwUae+ag
2 changed files with 12 additions and 2 deletions

View file

@ -32,6 +32,7 @@
#accountName {
margin-left: 10px;
font-size: 0.9em;
max-width: 80%;
/* replace overflow with ellipsis */
overflow: hidden;
@ -42,6 +43,7 @@
width: 50px;
height: 50px;
margin: 0px;
object-fit: cover;
border-right: var(--border-color) 1px solid;
}
</style>

View file

@ -222,13 +222,21 @@
margin-left: 10px;
font-size: 0.9em;
text-align: start;
overflow-wrap: break-word;
word-break: break-word;
max-width: 80%;
max-height: 95%;
overflow: hidden;
align-self: flex-start;
margin-top: auto;
margin-bottom: auto;
}
#avatar {
height: 100%;
height: 60px;
width: 60px;
margin: 0px;
margin-left: 0px;
overflow: hidden;
object-fit: cover;
border-right: var(--border-color) 1px solid;
}
#carouselContainer {