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

[frontend/components] Fix dialog button styling

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

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

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

1
Iceshrimp.Frontend/Components/ConfirmDialog.razor.css
View file

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

2
Iceshrimp.Frontend/Components/NoticeDialog.razor
View file

@ -25,7 +25,7 @@
} }
</span> </span>
<span>@Text</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> </div>
</dialog> </dialog>

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

@ -17,9 +17,9 @@
<input type="text" class="input" @bind="Input" @bind:event="oninput" placeholder="@Placeholder"/> <input type="text" class="input" @bind="Input" @bind:event="oninput" placeholder="@Placeholder"/>
} }
<div class="buttons"> <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> 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>
</div> </div>
</dialog> </dialog>

1
Iceshrimp.Frontend/Components/PromptDialog.razor.css
View file

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

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

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

1
Iceshrimp.Frontend/Components/SelectDialog.razor.css
View file

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