fix: Minor UI improvements to layout and LengthInput
Removes unnecessary top row link and adds default placeholder to LengthInput component. Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
@@ -6,10 +6,6 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<main>
|
<main>
|
||||||
<div class="top-row px-4">
|
|
||||||
<a href="https://github.com/yourusername/cutlist" target="_blank">CutList Web</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<article class="content px-4">
|
<article class="content px-4">
|
||||||
@Body
|
@Body
|
||||||
</article>
|
</article>
|
||||||
|
|||||||
@@ -5,7 +5,7 @@
|
|||||||
class="form-control @(HasError ? "is-invalid" : "")"
|
class="form-control @(HasError ? "is-invalid" : "")"
|
||||||
value="@DisplayValue"
|
value="@DisplayValue"
|
||||||
@onchange="OnInputChange"
|
@onchange="OnInputChange"
|
||||||
placeholder="e.g., 12' 6" or 144" />
|
placeholder="@Placeholder" />
|
||||||
@if (HasError)
|
@if (HasError)
|
||||||
{
|
{
|
||||||
<div class="invalid-feedback">@ErrorMessage</div>
|
<div class="invalid-feedback">@ErrorMessage</div>
|
||||||
@@ -20,7 +20,7 @@
|
|||||||
public EventCallback<decimal> ValueChanged { get; set; }
|
public EventCallback<decimal> ValueChanged { get; set; }
|
||||||
|
|
||||||
[Parameter]
|
[Parameter]
|
||||||
public string? Placeholder { get; set; }
|
public string Placeholder { get; set; } = "e.g., 12' 6\" or 144";
|
||||||
|
|
||||||
private string DisplayValue { get; set; } = string.Empty;
|
private string DisplayValue { get; set; } = string.Empty;
|
||||||
private bool HasError { get; set; }
|
private bool HasError { get; set; }
|
||||||
|
|||||||
Reference in New Issue
Block a user