winter-software/Wave
winter-software/Wave
1
0
Fork 0
Code Issues Wiki Activity

fixed home page nested links (messed with tab order too)

Browse source
This commit is contained in:
Mia Rose Winter 2024-02-07 20:25:34 +01:00
parent 6be8c74837
commit 2acc2916e4
Signed by: miawinter
GPG key ID: 4B6F6A83178F595E
2 changed files with 20 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
Wave/Components/Pages/Home.razor
View file

@ -60,7 +60,7 @@
@featured.Body[..Math.Min(1000, featured.Body.Length)] @featured.Body[..Math.Min(1000, featured.Body.Length)]
</p> </p>
<div class="flex"> <div class="flex">
<ProfilePill Profile="featured.Author" /> <ProfilePill Profile="featured.Author" DisableProfileLink="true" />
</div> </div>
</div> </div>
</div> </div>

31
Wave/Components/ProfilePill.razor
View file

@ -1,23 +1,30 @@
@using Wave.Data @using Wave.Data
<a href="/profile/@Profile.Id"> @if (!DisableProfileLink) {
<a href="/profile/@Profile.Id">
<div class="rounded bg-base-200 text-base-content flex content-center w-full sm:w-56">
<div class="w-16 h-16"><ProfilePictureComponent Size="200" ProfileId="@Profile.Id" /></div>
<div class="flex flex-col p-2">
<span class="truncate">@Profile.Name</span>
@if (RoleTag is not null) { <span class="badge badge-sm badge-primary">@RoleTag</span> }
</div>
</div>
</a>
} else {
<div class="rounded bg-base-200 text-base-content flex content-center w-full sm:w-56"> <div class="rounded bg-base-200 text-base-content flex content-center w-full sm:w-56">
<div class="w-16 h-16"> <div class="w-16 h-16"><ProfilePictureComponent Size="200" ProfileId="@Profile.Id" /></div>
<ProfilePictureComponent Size="200" ProfileId="@Profile.Id" /> <div class="flex flex-col p-2">
</div> <span class="truncate">@Profile.Name</span>
@if (RoleTag is not null) { <span class="badge badge-sm badge-primary">@RoleTag</span> }
<div class="flex flex-col p-2"> </div>
<span class="truncate">@Profile.Name</span>
@if (RoleTag is not null) {
<span class="badge badge-sm badge-primary">@RoleTag</span>
}
</div>
</div> </div>
</a> }
@code { @code {
[Parameter] [Parameter]
public required ApplicationUser Profile { get; set; } public required ApplicationUser Profile { get; set; }
[Parameter] [Parameter]
public string? RoleTag { get; set; } public string? RoleTag { get; set; }
[Parameter]
public bool DisableProfileLink { get; set; }
} }