[frontend/components] Move bot indicator to the left side of the username

This commit is contained in:
pancakes 2025-03-25 15:00:22 +10:00
parent a9633f1c1e
commit dc8a8b815b
No known key found for this signature in database
2 changed files with 6 additions and 9 deletions

View file

@ -9,15 +9,15 @@
<div class="name-section">
<span class="display-name"><UserDisplayName User="@User"/></span>
<span class="identifier">
@if (User.IsBot)
{
<Icon Name="Icons.Robot" Size="1.3em" title="Automated"/>
}
@@@User.Username
@if (User.Host != null)
{
<span class="host">@@@User.Host</span>
}
@if (User.IsBot)
{
<Icon Name="Icons.Robot" Size="1.3em" title="Automated"/>
}
</span>
</div>

View file

@ -7,6 +7,7 @@
font-size: 0.8em;
text-overflow: ellipsis;
overflow: clip;
white-space: wrap;
.host {
opacity: 0.5;
@ -23,12 +24,8 @@
overflow: clip;
}
.identifier {
white-space: wrap;
}
::deep .identifier .ph {
display: inline-block;
margin-left: 0.5em;
margin-right: 0.25em;
vertical-align: middle;
}