[frontend/components] Fix dialog button styling

This commit is contained in:
pancakes 2025-01-28 13:06:16 +10:00 committed by Laura Hausmann
parent b4f51ec561
commit db04e6dadf
No known key found for this signature in database
GPG key ID: D044E84C5BE01605
7 changed files with 7 additions and 10 deletions

View file

@ -11,8 +11,8 @@
<span class="confirm-icon"><Icon Name="@(ConfirmIcon ?? Icons.Question)" Size="3em"/></span>
<span>@Question</span>
<div class="buttons">
<button class="btn confirm-btn" @onclick="ConfirmAction">@(ButtonText ?? Loc["OK"])</button>
<button class="btn" @onclick="CancelAction">@Loc["Cancel"]</button>
<button class="button confirm-btn" @onclick="ConfirmAction">@(ButtonText ?? Loc["OK"])</button>
<button class="button" @onclick="CancelAction">@Loc["Cancel"]</button>
</div>
</div>
</dialog>

View file

@ -28,7 +28,6 @@
.buttons {
display: flex;
gap: 0.5rem;
}
.confirm-icon {

View file

@ -25,7 +25,7 @@
}
</span>
<span>@Text</span>
<button class="btn confirm-btn" @onclick="CloseDialog">@Loc["OK"]</button>
<button class="button confirm-btn" @onclick="CloseDialog">@Loc["OK"]</button>
</div>
</dialog>

View file

@ -17,9 +17,9 @@
<input type="text" class="input" @bind="Input" @bind:event="oninput" placeholder="@Placeholder"/>
}
<div class="buttons">
<button class="btn submit-btn" @onclick="ConfirmAction"
<button class="button submit-btn" @onclick="ConfirmAction"
disabled="@(Required && string.IsNullOrWhiteSpace(Input))">@(ButtonText ?? Loc["Submit"])</button>
<button class="btn" @onclick="CancelAction">@Loc["Cancel"]</button>
<button class="button" @onclick="CancelAction">@Loc["Cancel"]</button>
</div>
</div>
</dialog>

View file

@ -32,7 +32,6 @@
.buttons {
display: flex;
gap: 0.5rem;
}
.submit-btn {

View file

@ -15,8 +15,8 @@
}
</select>
<div class="buttons">
<button class="btn submit-btn" @onclick="ConfirmAction">@(ButtonText ?? Loc["Submit"])</button>
<button class="btn" @onclick="CancelAction">@Loc["Cancel"]</button>
<button class="button submit-btn" @onclick="ConfirmAction">@(ButtonText ?? Loc["Submit"])</button>
<button class="button" @onclick="CancelAction">@Loc["Cancel"]</button>
</div>
</div>
</dialog>

View file

@ -28,7 +28,6 @@
.buttons {
display: flex;
gap: 0.5rem;
}
.submit-btn {