kevin/BlazorDeepDive
1
0
Fork 0
Code

Change input field widths using CSS isolation.

Browse Source
This commit is contained in:
Kevin Matsubara 2025-03-27 22:49:26 +01:00
parent 6c26d442f4
commit 21e24945fd
4 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ServerManagement/Components/Controls/SearchBarComponent.razor
View File

@ -1,4 +1,4 @@
<div class="input-group mb-3"> <div class="input-group mb-3 input-width">
<input type="text" class="form-control" placeholder="Search servers" <input type="text" class="form-control" placeholder="Search servers"
@bind-value="serverFilter" @bind-value="serverFilter"
@bind-value:event="oninput" /> @bind-value:event="oninput" />

4
ServerManagement/Components/Controls/SearchBarComponent.razor.css Normal file
View File

@ -0,0 +1,4 @@
.input-width {
width: 30%;
}

4
ServerManagement/Components/Pages/EditServer.razor
View File

@ -19,7 +19,7 @@
<div class="col-2"> <div class="col-2">
<label class="col-form-label">Name</label> <label class="col-form-label">Name</label>
</div> </div>
<div class="col-6"> <div class="col-6 input-width">
<InputText @bind-Value="server.Name" class="form-control"></InputText> <InputText @bind-Value="server.Name" class="form-control"></InputText>
</div> </div>
<div class="col"> <div class="col">
@ -31,7 +31,7 @@
<div class="col-2"> <div class="col-2">
<label class="col-form-label">City</label> <label class="col-form-label">City</label>
</div> </div>
<div class="col-6"> <div class="col-6 input-width">
<InputText @bind-Value="server.City" class="form-control"></InputText> <InputText @bind-Value="server.City" class="form-control"></InputText>
</div> </div>
<div class="col"> <div class="col">

4
ServerManagement/Components/Pages/EditServer.razor.css Normal file
View File

@ -0,0 +1,4 @@
.input-width {
width: 40%;
}