notfire/Iceshrimp.NET
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[frontend/pages] Improve more button styling

Browse source
This commit is contained in:
pancakes 2024-11-30 14:29:52 +10:00 • committed by Laura Hausmann
parent c21d6e629e
commit c16c0e761f
No known key found for this signature in database
GPG key ID: D044E84C5BE01605
2 changed files with 19 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
Iceshrimp.Frontend/Pages/ProfileView.razor
View file

@ -50,7 +50,7 @@
</div>
</div>
<FollowButton User="UserResponse" UserProfile="Profile"/>
<button @ref="MenuButton" class="btn" @onclick="ToggleMenu" @onclick:stopPropagation="true" aria-label="more">
<button @ref="MenuButton" class="context-button" @onclick="ToggleMenu" @onclick:stopPropagation="true" aria-label="more">
<Icon Name="Icons.DotsThreeOutline" Size="1.3em"/>
<Menu @ref="ContextMenu">
@if (UserResponse.Id == Session.Current?.Id)

18
Iceshrimp.Frontend/Pages/ProfileView.razor.css
View file

@ -37,6 +37,24 @@
margin-left: 0.5rem;
}
.context-button {
margin-left: auto;
padding: 0.75em;
line-height: 1;
}
::deep {
.context-button {
.ph {
vertical-align: middle;
}
}
}
.follow-button + .context-button {
margin-left: 0.5rem;
}
.profile-card {
margin: auto;
margin-top: 1rem;