Browse Source

fix: add dense margin to MudTextField components for improved spacing in various management pages

pull/25235/head
maliming 2 months ago
parent
commit
67cd855076
No known key found for this signature in database GPG Key ID: A646B9CB645ECEA4
  1. 16
      modules/account/src/Volo.Abp.Account.Blazor.MudBlazor/Pages/Account/AccountManage.razor
  2. 4
      modules/feature-management/src/Volo.Abp.FeatureManagement.Blazor.MudBlazor/Components/FeatureManagementModal.razor
  3. 4
      modules/identity/src/Volo.Abp.Identity.Blazor.MudBlazor/Pages/Identity/RoleManagement.razor
  4. 26
      modules/identity/src/Volo.Abp.Identity.Blazor.MudBlazor/Pages/Identity/UserManagement.razor
  5. 2
      modules/permission-management/src/Volo.Abp.PermissionManagement.Blazor.MudBlazor/Components/PermissionManagementModal.razor
  6. 2
      modules/permission-management/src/Volo.Abp.PermissionManagement.Blazor.MudBlazor/Components/ResourcePermissionManagementModal.razor
  7. 22
      modules/setting-management/src/Volo.Abp.SettingManagement.Blazor.MudBlazor/Pages/SettingManagement/EmailSettingGroup/EmailSettingGroupViewComponent.razor
  8. 2
      modules/setting-management/src/Volo.Abp.SettingManagement.Blazor.MudBlazor/Pages/SettingManagement/TimeZoneSettingGroup/TimeZoneSettingGroupViewComponent.razor
  9. 8
      modules/tenant-management/src/Volo.Abp.TenantManagement.Blazor.MudBlazor/Pages/TenantManagement/TenantManagement.razor

16
modules/account/src/Volo.Abp.Account.Blazor.MudBlazor/Pages/Account/AccountManage.razor

@ -13,13 +13,13 @@
@if (ChangePasswordModel != null)
{
<MudForm @ref="@_changePasswordForm" Model="@ChangePasswordModel">
<MudTextField @bind-Value="@ChangePasswordModel.CurrentPassword"
<MudTextField Margin="Margin.Dense" @bind-Value="@ChangePasswordModel.CurrentPassword"
Label="@L["DisplayName:CurrentPassword"]"
InputType="InputType.Password" />
<MudTextField @bind-Value="@ChangePasswordModel.NewPassword"
<MudTextField Margin="Margin.Dense" @bind-Value="@ChangePasswordModel.NewPassword"
Label="@L["DisplayName:NewPassword"]"
InputType="InputType.Password" />
<MudTextField @bind-Value="@ChangePasswordModel.NewPasswordConfirm"
<MudTextField Margin="Margin.Dense" @bind-Value="@ChangePasswordModel.NewPasswordConfirm"
Label="@L["DisplayName:NewPasswordConfirm"]"
InputType="InputType.Password" />
<MudButton ButtonType="ButtonType.Submit"
@ -35,21 +35,21 @@
@if (PersonalInfoModel != null)
{
<MudForm @ref="@_personalInfoForm" Model="@PersonalInfoModel">
<MudTextField @bind-Value="@PersonalInfoModel.UserName"
<MudTextField Margin="Margin.Dense" @bind-Value="@PersonalInfoModel.UserName"
Label="@L["DisplayName:UserName"]" />
<MudGrid>
<MudItem xs="12" sm="6">
<MudTextField @bind-Value="@PersonalInfoModel.Name"
<MudTextField Margin="Margin.Dense" @bind-Value="@PersonalInfoModel.Name"
Label="@L["DisplayName:Name"]" />
</MudItem>
<MudItem xs="12" sm="6">
<MudTextField @bind-Value="@PersonalInfoModel.Surname"
<MudTextField Margin="Margin.Dense" @bind-Value="@PersonalInfoModel.Surname"
Label="@L["DisplayName:Surname"]" />
</MudItem>
</MudGrid>
<MudTextField @bind-Value="@PersonalInfoModel.Email"
<MudTextField Margin="Margin.Dense" @bind-Value="@PersonalInfoModel.Email"
Label="@L["DisplayName:Email"]" />
<MudTextField @bind-Value="@PersonalInfoModel.PhoneNumber"
<MudTextField Margin="Margin.Dense" @bind-Value="@PersonalInfoModel.PhoneNumber"
Label="@L["DisplayName:PhoneNumber"]" />
@* Extension Properties *@

4
modules/feature-management/src/Volo.Abp.FeatureManagement.Blazor.MudBlazor/Components/FeatureManagementModal.razor

@ -30,7 +30,7 @@
<div style="@GetFeatureStyles(feature)">
@if (feature.ValueType is FreeTextStringValueType)
{
<MudTextField Label="@GetShownName(feature)" Disabled="@disabled" Value="@feature.Value"
<MudTextField Margin="Margin.Dense" Label="@GetShownName(feature)" Disabled="@disabled" Value="@feature.Value"
ValueChanged="@(async ([CanBeNull] string v) => await OnFeatureValueChangedAsync(v, feature))" />
@if (feature.Description != null)
{
@ -42,7 +42,7 @@
{
var items = ((SelectionStringValueType)feature.ValueType).ItemSource.Items;
var selectedValue = SelectionStringValues[feature.Name];
<MudSelect T="string" Label="@GetShownName(feature)" Disabled="@disabled"
<MudSelect Margin="Margin.Dense" T="string" Label="@GetShownName(feature)" Disabled="@disabled"
Value="@selectedValue" ValueChanged="@(s => SelectionStringValues[feature.Name] = s)">
@foreach (var item in items)
{

4
modules/identity/src/Volo.Abp.Identity.Blazor.MudBlazor/Pages/Identity/RoleManagement.razor

@ -38,7 +38,7 @@
</TitleContent>
<DialogContent>
<MudForm @ref="@CreateFormRef" Model="@NewEntity">
<MudTextField @bind-Value="@NewEntity.Name"
<MudTextField Margin="Margin.Dense" @bind-Value="@NewEntity.Name"
Label="@L["DisplayName:RoleName"]"
Required="true"
RequiredError="@L["The {0} field is required.", L["DisplayName:RoleName"]]" />
@ -64,7 +64,7 @@
<DialogContent>
<MudForm @ref="@EditFormRef" Model="@EditingEntity">
<input type="hidden" @bind-value="@EditingEntity.ConcurrencyStamp" />
<MudTextField @bind-Value="@EditingEntity.Name"
<MudTextField Margin="Margin.Dense" @bind-Value="@EditingEntity.Name"
Label="@L["DisplayName:RoleName"]"
Required="true"
RequiredError="@L["The {0} field is required.", L["DisplayName:RoleName"]]" />

26
modules/identity/src/Volo.Abp.Identity.Blazor.MudBlazor/Pages/Identity/UserManagement.razor

@ -21,7 +21,7 @@
<MudGrid>
<MudItem xs="12" sm="8"></MudItem>
<MudItem xs="12" sm="4">
<MudTextField @bind-Value="GetListInput.Filter"
<MudTextField Margin="Margin.Dense" @bind-Value="GetListInput.Filter"
Label="@L["Search"]"
Adornment="Adornment.Start"
AdornmentIcon="@Icons.Material.Filled.Search"
@ -51,15 +51,15 @@
<MudForm @ref="@CreateFormRef" Model="@NewEntity">
<MudTabs @bind-ActivePanelIndex="@_createTabIndex" PanelClass="pa-4">
<MudTabPanel Text="@L["UserInformations"]">
<MudTextField @bind-Value="@NewEntity.UserName"
<MudTextField Margin="Margin.Dense" @bind-Value="@NewEntity.UserName"
Label="@L["DisplayName:UserName"]"
Required="true"
RequiredError="@L["The {0} field is required.", L["DisplayName:UserName"]]" />
<MudTextField @bind-Value="@NewEntity.Name"
<MudTextField Margin="Margin.Dense" @bind-Value="@NewEntity.Name"
Label="@L["DisplayName:Name"]" />
<MudTextField @bind-Value="@NewEntity.Surname"
<MudTextField Margin="Margin.Dense" @bind-Value="@NewEntity.Surname"
Label="@L["DisplayName:Surname"]" />
<MudTextField @bind-Value="@NewEntity.Password"
<MudTextField Margin="Margin.Dense" @bind-Value="@NewEntity.Password"
Label="@L["DisplayName:Password"]"
InputType="@(_showPassword ? InputType.Text : InputType.Password)"
Required="true"
@ -67,11 +67,11 @@
Adornment="Adornment.End"
AdornmentIcon="@(_showPassword ? Icons.Material.Filled.Visibility : Icons.Material.Filled.VisibilityOff)"
OnAdornmentClick="@(() => _showPassword = !_showPassword)" />
<MudTextField @bind-Value="@NewEntity.Email"
<MudTextField Margin="Margin.Dense" @bind-Value="@NewEntity.Email"
Label="@L["DisplayName:Email"]"
Required="true"
RequiredError="@L["The {0} field is required.", L["DisplayName:Email"]]" />
<MudTextField @bind-Value="@NewEntity.PhoneNumber"
<MudTextField Margin="Margin.Dense" @bind-Value="@NewEntity.PhoneNumber"
Label="@L["DisplayName:PhoneNumber"]" />
<MudCheckBox T="bool" @bind-Value="@NewEntity.IsActive" Label="@L["DisplayName:IsActive"]" />
<MudTooltip Text="@L["Description:LockoutEnabled"]">
@ -116,25 +116,25 @@
<input type="hidden" @bind-value="@EditingEntity.ConcurrencyStamp" />
<MudTabs @bind-ActivePanelIndex="@_editTabIndex" PanelClass="pa-4">
<MudTabPanel Text="@L["UserInformations"]">
<MudTextField @bind-Value="@EditingEntity.UserName"
<MudTextField Margin="Margin.Dense" @bind-Value="@EditingEntity.UserName"
Label="@L["DisplayName:UserName"]"
Required="true"
RequiredError="@L["The {0} field is required.", L["DisplayName:UserName"]]" />
<MudTextField @bind-Value="@EditingEntity.Name"
<MudTextField Margin="Margin.Dense" @bind-Value="@EditingEntity.Name"
Label="@L["DisplayName:Name"]" />
<MudTextField @bind-Value="@EditingEntity.Surname"
<MudTextField Margin="Margin.Dense" @bind-Value="@EditingEntity.Surname"
Label="@L["DisplayName:Surname"]" />
<MudTextField @bind-Value="@EditingEntity.Password"
<MudTextField Margin="Margin.Dense" @bind-Value="@EditingEntity.Password"
Label="@L["DisplayName:Password"]"
InputType="@(_showPassword ? InputType.Text : InputType.Password)"
Adornment="Adornment.End"
AdornmentIcon="@(_showPassword ? Icons.Material.Filled.Visibility : Icons.Material.Filled.VisibilityOff)"
OnAdornmentClick="@(() => _showPassword = !_showPassword)" />
<MudTextField @bind-Value="@EditingEntity.Email"
<MudTextField Margin="Margin.Dense" @bind-Value="@EditingEntity.Email"
Label="@L["DisplayName:Email"]"
Required="true"
RequiredError="@L["The {0} field is required.", L["DisplayName:Email"]]" />
<MudTextField @bind-Value="@EditingEntity.PhoneNumber"
<MudTextField Margin="Margin.Dense" @bind-Value="@EditingEntity.PhoneNumber"
Label="@L["DisplayName:PhoneNumber"]" />
@if (!IsEditCurrentUser)
{

2
modules/permission-management/src/Volo.Abp.PermissionManagement.Blazor.MudBlazor/Components/PermissionManagementModal.razor

@ -10,7 +10,7 @@
<DialogContent>
<MudGrid Class="mb-2">
<MudItem xs="12" sm="8">
<MudTextField Value="@_permissionGroupSearchText"
<MudTextField Margin="Margin.Dense" Value="@_permissionGroupSearchText"
ValueChanged="@(async ([CanBeNull] string b) => await OnPermissionGroupSearchTextChangedAsync(b))"
Label="@L["Search"]"
Adornment="Adornment.Start"

2
modules/permission-management/src/Volo.Abp.PermissionManagement.Blazor.MudBlazor/Components/ResourcePermissionManagementModal.razor

@ -95,7 +95,7 @@
<MudRadio T="string" Option="@keyLookupService.Name">@keyLookupService.DisplayName</MudRadio>
}
</MudRadioGroup>
<MudAutocomplete T="SearchProviderKeyInfo"
<MudAutocomplete Margin="Margin.Dense" T="SearchProviderKeyInfo"
Value="@_selectedProviderKey"
ValueChanged="@SelectedProviderKeyChanged"
SearchFunc="@SearchProviderKeyAsync"

22
modules/setting-management/src/Volo.Abp.SettingManagement.Blazor.MudBlazor/Pages/SettingManagement/EmailSettingGroup/EmailSettingGroupViewComponent.razor

@ -7,23 +7,23 @@
<MudForm @ref="@_emailFormRef" Model="@EmailSettings">
<MudGrid>
<MudItem xs="12">
<MudTextField @bind-Value="@EmailSettings.DefaultFromDisplayName"
<MudTextField Margin="Margin.Dense" @bind-Value="@EmailSettings.DefaultFromDisplayName"
Label="@L["DefaultFromDisplayName"]"
Required="true"
RequiredError="@L["ThisFieldIsRequired."]" />
</MudItem>
<MudItem xs="12">
<MudTextField @bind-Value="@EmailSettings.DefaultFromAddress"
<MudTextField Margin="Margin.Dense" @bind-Value="@EmailSettings.DefaultFromAddress"
Label="@L["DefaultFromAddress"]"
Required="true"
RequiredError="@L["ThisFieldIsRequired."]" />
</MudItem>
<MudItem xs="12">
<MudTextField @bind-Value="@EmailSettings.SmtpHost"
<MudTextField Margin="Margin.Dense" @bind-Value="@EmailSettings.SmtpHost"
Label="@L["SmtpHost"]" />
</MudItem>
<MudItem xs="12">
<MudNumericField @bind-Value="@EmailSettings.SmtpPort"
<MudNumericField Margin="Margin.Dense" @bind-Value="@EmailSettings.SmtpPort"
Label="@L["SmtpPort"]" />
</MudItem>
<MudItem xs="12">
@ -37,15 +37,15 @@
@if (!EmailSettings.SmtpUseDefaultCredentials)
{
<MudItem xs="12">
<MudTextField @bind-Value="@EmailSettings.SmtpDomain"
<MudTextField Margin="Margin.Dense" @bind-Value="@EmailSettings.SmtpDomain"
Label="@L["SmtpDomain"]" />
</MudItem>
<MudItem xs="12">
<MudTextField @bind-Value="@EmailSettings.SmtpUserName"
<MudTextField Margin="Margin.Dense" @bind-Value="@EmailSettings.SmtpUserName"
Label="@L["SmtpUserName"]" />
</MudItem>
<MudItem xs="12">
<MudTextField @bind-Value="@EmailSettings.SmtpPassword"
<MudTextField Margin="Margin.Dense" @bind-Value="@EmailSettings.SmtpPassword"
Label="@L["SmtpPassword"]"
InputType="InputType.Password"
Placeholder="@L["SmtpPasswordPlaceholder"]" />
@ -81,20 +81,20 @@
</TitleContent>
<DialogContent>
<MudForm @ref="@_testEmailFormRef" Model="@SendTestEmailInput">
<MudTextField @bind-Value="@SendTestEmailInput.SenderEmailAddress"
<MudTextField Margin="Margin.Dense" @bind-Value="@SendTestEmailInput.SenderEmailAddress"
Label="@L["SenderEmailAddress"]"
Required="true"
RequiredError="@L["ThisFieldIsRequired."]"
AutoFocus="true" />
<MudTextField @bind-Value="@SendTestEmailInput.TargetEmailAddress"
<MudTextField Margin="Margin.Dense" @bind-Value="@SendTestEmailInput.TargetEmailAddress"
Label="@L["TargetEmailAddress"]"
Required="true"
RequiredError="@L["ThisFieldIsRequired."]" />
<MudTextField @bind-Value="@SendTestEmailInput.Subject"
<MudTextField Margin="Margin.Dense" @bind-Value="@SendTestEmailInput.Subject"
Label="@L["Subject"]"
Required="true"
RequiredError="@L["ThisFieldIsRequired."]" />
<MudTextField @bind-Value="@SendTestEmailInput.Body"
<MudTextField Margin="Margin.Dense" @bind-Value="@SendTestEmailInput.Body"
Label="@L["Body"]"
Lines="5" />
</MudForm>

2
modules/setting-management/src/Volo.Abp.SettingManagement.Blazor.MudBlazor/Pages/SettingManagement/TimeZoneSettingGroup/TimeZoneSettingGroupViewComponent.razor

@ -7,7 +7,7 @@
<MudForm>
<MudGrid>
<MudItem xs="12">
<MudSelect T="string"
<MudSelect Margin="Margin.Dense" T="string"
Label="@L["DisplayName:Timezone"]"
Required="true"
RequiredError="@L["ThisFieldIsRequired."]"

8
modules/tenant-management/src/Volo.Abp.TenantManagement.Blazor.MudBlazor/Pages/TenantManagement/TenantManagement.razor

@ -37,17 +37,17 @@
</TitleContent>
<DialogContent>
<MudForm @ref="@_createFormRef" Model="@NewEntity">
<MudTextField @bind-Value="@NewEntity.Name"
<MudTextField Margin="Margin.Dense" @bind-Value="@NewEntity.Name"
Label="@L["TenantName"]"
Required="true"
RequiredError="@L["ThisFieldIsRequired."]"
AutoFocus="true" />
<MudTextField @bind-Value="@NewEntity.AdminEmailAddress"
<MudTextField Margin="Margin.Dense" @bind-Value="@NewEntity.AdminEmailAddress"
Label="@L["DisplayName:AdminEmailAddress"]"
Required="true"
RequiredError="@L["ThisFieldIsRequired."]"
InputType="InputType.Email" />
<MudTextField @bind-Value="@NewEntity.AdminPassword"
<MudTextField Margin="Margin.Dense" @bind-Value="@NewEntity.AdminPassword"
Label="@L["DisplayName:AdminPassword"]"
Required="true"
RequiredError="@L["ThisFieldIsRequired."]"
@ -75,7 +75,7 @@
</TitleContent>
<DialogContent>
<MudForm @ref="@_editFormRef" Model="@EditingEntity">
<MudTextField @bind-Value="@EditingEntity.Name"
<MudTextField Margin="Margin.Dense" @bind-Value="@EditingEntity.Name"
Label="@L["TenantName"]"
Required="true"
RequiredError="@L["ThisFieldIsRequired."]"

Loading…
Cancel
Save