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

[frontend/components] Add reusable warning banner

Browse source
This commit is contained in:
pancakes 2025-03-24 01:03:57 +10:00
parent 0a12087072
commit c2fa48f51d
No known key found for this signature in database
4 changed files with 17 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
Iceshrimp.Frontend/Components/RemoteUserBanner.razor
View file

@ -3,10 +3,10 @@
@inject IStringLocalizer<Localization> Loc;
<div class="remote-user-notice">
<span>
<WarningBanner>
@Loc["Information from remote users may be incomplete."]
<a href="@OriginalPageUrl" target="_blank">@Loc["Open original page"]</a>
</span>
</WarningBanner>
</div>
@code {

6
Iceshrimp.Frontend/Components/RemoteUserBanner.razor.css
View file

@ -1,8 +1,4 @@
.remote-user-notice {
max-width: 45rem;
padding: 0.5rem 1rem;
margin: 1rem auto auto;
border: 1px solid var(--warning-color);
color: var(--warning-color);
border-radius: 0.5rem;
margin: 0 auto auto;
}

7
Iceshrimp.Frontend/Components/WarningBanner.razor Normal file
View file

@ -0,0 +1,7 @@
<div class="warning-banner">
@ChildContent
</div>
@code {
[Parameter] public RenderFragment? ChildContent { get; set; }
}

7
Iceshrimp.Frontend/Components/WarningBanner.razor.css Normal file
View file

@ -0,0 +1,7 @@
.warning-banner {
padding: 0.5rem 1rem;
margin: 1rem auto auto;
border: 1px solid var(--warning-color);
color: var(--warning-color);
border-radius: 0.5rem;
}