Mirrored_Repos/wabbajack
1
0
Fork 0
mirror of https://github.com/wabbajack-tools/wabbajack.git synced 2024-08-30 18:42:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

Placeholder InfoModal and StepLogger components.

Browse Source 
These are nowhere near final.
This commit is contained in:
Unnoen 2022-01-27 18:40:56 +11:00
parent d790463a27
commit 699252f05e
No known key found for this signature in database
GPG Key ID: 8F8E42252BA20553
3 changed files with 62 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
Wabbajack.App.Blazor/Components/InfoModal.razor Normal file
View File

@ -0,0 +1,9 @@
@namespace Wabbajack.App.Blazor.Components
<h3>[TBI] Model Component</h3>
<p>@Content</p>
@code {
[Parameter]
public string Content { get; set; }
}

20
Wabbajack.App.Blazor/Components/StepLogger.razor Normal file
View File

@ -0,0 +1,20 @@
@using Wabbajack.App.Blazor.Pages
@namespace Wabbajack.App.Blazor.Components
<div id="step-logger">
@foreach (var step in value.StatusStep.Take(ShownSteps))
{
<div class="step">@step</div>
}
</div>
@code {
[Parameter]
public int ShownSteps { get; set; }
[Parameter]
public bool Reverse { get; set; }
[CascadingParameter]
public Installing value { get; set; }
}

33
Wabbajack.App.Blazor/Components/StepLogger.razor.scss Normal file
View File

@ -0,0 +1,33 @@
#step-logger {
display: flex;
width: 100%;
height: 100%;
flex-direction: column;
justify-content: center;
align-content: center;
.step {
&:nth-child(1) {
margin-left: 0.5rem;
font-size: 2rem;
font-weight: 100;
color: rgba(255, 255, 255, 0.9);
}
&:nth-child(2) {
margin-left: 0.75rem;
font-size: 1.85rem;
font-weight: 100;
color: rgba(255, 255, 255, 0.6);
filter: blur(1px);
}
&:nth-child(3) {
margin-left: 1rem;
font-size: 1.7rem;
font-weight: 100;
color: rgba(255, 255, 255, 0.4);
filter: blur(1.5px);
}
}
}