diff --git a/Iceshrimp.Frontend/Components/ProfileInfo.razor b/Iceshrimp.Frontend/Components/ProfileInfo.razor index f4f9c6f3..237447bb 100644 --- a/Iceshrimp.Frontend/Components/ProfileInfo.razor +++ b/Iceshrimp.Frontend/Components/ProfileInfo.razor @@ -4,8 +4,14 @@ @using Iceshrimp.Assets.PhosphorIcons @inject IStringLocalizer Loc;
+
+ @if (UserProfile.Relations.HasFlag(Relations.FollowedBy)) + { + @Loc["Follows you"] + } +
@if (UserProfile.Bio != null) - { + {
diff --git a/Iceshrimp.Frontend/Components/ProfileInfo.razor.css b/Iceshrimp.Frontend/Components/ProfileInfo.razor.css index 5544f0db..1eb32130 100644 --- a/Iceshrimp.Frontend/Components/ProfileInfo.razor.css +++ b/Iceshrimp.Frontend/Components/ProfileInfo.razor.css @@ -44,6 +44,25 @@ } } +.badges { + display: flex; + flex-wrap: wrap; + gap: 0.5rem; + margin: 1rem 0; +} + +.badge { + padding: 0 0.5rem; + background-color: var(--highlight-color); + border-radius: 0.5rem; +} + +::deep { + .badge .ph { + vertical-align: text-bottom; + } +} + @media (max-width: 640px) { ::deep .field { flex-direction: column;