From 24829ad2157a4c0804cae42a4a483d0e8f31dfdc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C4=B0smail=20=C3=87A=C4=9EDA=C5=9E?=
 <ismailcagdas@gmail.com>
Date: Wed, 28 Jan 2026 11:53:26 +0300
Subject: [PATCH] fix layout of FeatureManagementModal for MudBlazor

---
 .../Components/FeatureManagementModal.razor   | 100 +++++++++---------
 1 file changed, 50 insertions(+), 50 deletions(-)

diff --git a/modules/feature-management/src/Volo.Abp.FeatureManagement.Blazor.MudBlazor/Components/FeatureManagementModal.razor b/modules/feature-management/src/Volo.Abp.FeatureManagement.Blazor.MudBlazor/Components/FeatureManagementModal.razor
index 4484b11463..68b398eb61 100644
--- a/modules/feature-management/src/Volo.Abp.FeatureManagement.Blazor.MudBlazor/Components/FeatureManagementModal.razor
+++ b/modules/feature-management/src/Volo.Abp.FeatureManagement.Blazor.MudBlazor/Components/FeatureManagementModal.razor
@@ -6,7 +6,8 @@
 @using Volo.Abp.FeatureManagement.Localization
 @inherits AbpFeatureManagementComponentBase
 
-<MudDialog @bind-Visible="@_isVisible" Options="@(new DialogOptions { MaxWidth = MaxWidth.Large, FullWidth = true })" CloseOnEscapeKey="true">
+<MudDialog @bind-Visible="@_isVisible" Options="@(new DialogOptions { MaxWidth = MaxWidth.Large, FullWidth = true })"
+    CloseOnEscapeKey="true">
     <TitleContent>
         <MudText Typo="Typo.h6">@L["Features"]@ProviderKeyDisplayName</MudText>
     </TitleContent>
@@ -17,65 +18,63 @@
         }
         else
         {
-            <MudTabs @bind-ActivePanelIndex="@_activeTabIndex"
-                    Variant="Variant.Pills"
-                    Position="Position.Left"
-                    PanelClass="pa-4">
+            <MudTabs @bind-ActivePanelIndex="@_activeTabIndex" Variant="Variant.Pills" Position="Position.Left"
+                PanelClass="pa-4">
                 @foreach (var group in Groups)
                 {
                     <MudTabPanel Text="@group.DisplayName">
-                        <MudText Typo="Typo.h6" Class="mb-3">@group.DisplayName</MudText>
-                        <MudDivider Class="my-2" />
-                        @foreach (var feature in group.Features)
-                        {
-                            var disabled = IsDisabled(feature);
-                            <div class="mt-2" style="@GetFeatureStyles(feature)">
-                                @if (feature.ValueType is FreeTextStringValueType)
+                        <MudGrid>
+                            <MudItem xs="12">
+                                <MudText Typo="Typo.h6">@group.DisplayName</MudText>
+                            </MudItem>
+                            <MudItem xs="12">
+                                @foreach (var feature in group.Features)
                                 {
-                                    <MudTextField Label="@GetShownName(feature)"
-                                                Disabled="@disabled"
-                                                Value="@feature.Value"
+                                    var disabled = IsDisabled(feature);
+                                    <div style="@GetFeatureStyles(feature)">
+                                        @if (feature.ValueType is FreeTextStringValueType)
+                                        {
+                                            <MudTextField Label="@GetShownName(feature)" Disabled="@disabled" Value="@feature.Value"
                                                 ValueChanged="@(async ([CanBeNull] string v) => await OnFeatureValueChangedAsync(v, feature))" />
-                                    @if (feature.Description != null)
-                                    {
-                                        <MudText Typo="Typo.caption" Class="mt-1">@feature.Description</MudText>
-                                    }
-                                }
+                                            @if (feature.Description != null)
+                                            {
+                                                <MudText Typo="Typo.caption" Class="mt-1">@feature.Description</MudText>
+                                            }
+                                        }
 
-                                @if (feature.ValueType is SelectionStringValueType)
-                                {
-                                    var items = ((SelectionStringValueType)feature.ValueType).ItemSource.Items;
-                                    var selectedValue = SelectionStringValues[feature.Name];
-                                    <MudSelect T="string"
-                                            Label="@GetShownName(feature)"
-                                            Disabled="@disabled"
-                                            Value="@selectedValue"
-                                            ValueChanged="@(s => SelectionStringValues[feature.Name] = s)">
-                                        @foreach (var item in items)
+                                        @if (feature.ValueType is SelectionStringValueType)
                                         {
-                                            <MudSelectItem Value="@item.Value">
-                                                @CreateStringLocalizer(item.DisplayText.ResourceName).GetString(item.DisplayText.Name)
-                                            </MudSelectItem>
+                                            var items = ((SelectionStringValueType)feature.ValueType).ItemSource.Items;
+                                            var selectedValue = SelectionStringValues[feature.Name];
+                                            <MudSelect T="string" Label="@GetShownName(feature)" Disabled="@disabled"
+                                                Value="@selectedValue" ValueChanged="@(s => SelectionStringValues[feature.Name] = s)">
+                                                @foreach (var item in items)
+                                                {
+                                                    <MudSelectItem Value="@item.Value">
+                                                        @CreateStringLocalizer(item.DisplayText.ResourceName).GetString(item.DisplayText.Name)
+                                                    </MudSelectItem>
+                                                }
+                                            </MudSelect>
+                                            @if (feature.Description != null)
+                                            {
+                                                <MudText Typo="Typo.caption" Class="mt-1">@feature.Description</MudText>
+                                            }
                                         }
-                                    </MudSelect>
-                                    @if (feature.Description != null)
-                                    {
-                                        <MudText Typo="Typo.caption" Class="mt-1">@feature.Description</MudText>
-                                    }
-                                }
 
-                                @if (feature.ValueType is ToggleStringValueType)
-                                {
-                                    <MudCheckBox Disabled="@disabled" Value="@ToggleValues[feature.Name]"
-                                                 ValueChanged="@(async (bool v) => await OnSelectedValueChangedAsync(v, feature))"
+                                        @if (feature.ValueType is ToggleStringValueType)
+                                        {
+                                            <MudCheckBox Disabled="@disabled" Value="@ToggleValues[feature.Name]"
+                                                ValueChanged="@(async (bool v) => await OnSelectedValueChangedAsync(v, feature))"
                                                 Label="@GetShownName(feature)" />
-                                    @if (feature.Description != null)
-                                    {
-                                        <MudText Typo="Typo.caption" Class="mt-1">@feature.Description</MudText>
-                                    }
+                                            @if (feature.Description != null)
+                                            {
+                                                <MudText Typo="Typo.caption" Class="mt-1">@feature.Description</MudText>
+                                            }
+                                        }
+                                    </div>
                                 }
-                            </div>
-                        }
+                            </MudItem>
+                        </MudGrid>
                     </MudTabPanel>
                 }
             </MudTabs>
@@ -83,7 +82,8 @@
     </DialogContent>
     <DialogActions>
         <MudButton OnClick="@CloseModal">@L["Cancel"]</MudButton>
-        <MudButton Color="Color.Primary" Variant="Variant.Text" OnClick="@(async () => await DeleteAsync(ProviderName, ProviderKey))">@L["ResetToDefault"]</MudButton>
+        <MudButton Color="Color.Primary" Variant="Variant.Text"
+            OnClick="@(async () => await DeleteAsync(ProviderName, ProviderKey))">@L["ResetToDefault"]</MudButton>
         <MudButton Color="Color.Primary" Variant="Variant.Filled" OnClick="@SaveAsync">@L["Save"]</MudButton>
     </DialogActions>
 </MudDialog>