Merge pull request #22865 from abpframework/setting-feature-page

Enhance layout of feature and setting management modals.

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

@@ -17,12 +17,14 @@
             <ModalBody>
                 <Tabs TabPosition="TabPosition.Start" Pills="true" @bind-SelectedTab="@SelectedTabName">
                     <Items>
-                        @foreach (var group in Groups)
+                        <div class="pt-3">
-                        {
+                            @foreach (var group in Groups)
-                            <Tab Name="@GetNormalizedGroupName(group.Name)">
+                            {
-                                <span>@group.DisplayName</span>
+                                <Tab Name="@GetNormalizedGroupName(group.Name)">
-                            </Tab>
+                                    <span>@group.DisplayName</span>
-                        }
+                                </Tab>
+                            }
+                        </div>
                     </Items>
                     <Content>
                         @for (var i = 0; i < Groups.Count; i++)

modules/feature-management/src/Volo.Abp.FeatureManagement.Web/Pages/FeatureManagement/feature-management-modal.css

@@ -1,7 +1,11 @@
+#FeaturesTabsContent {
+    padding-top: 0 !important;
+}
+
 .custom-scroll-content {
     max-height: 400px;
 }
 
 .custom-scroll-container > .col-md-4 {
     max-height: 500px;
-}
+}

modules/setting-management/src/Volo.Abp.SettingManagement.Blazor/Pages/SettingManagement/SettingManagement.razor

@@ -11,21 +11,22 @@
 </PageHeader>
 
 <Card>
-    <CardBody>
+    <CardBody Class="pt-0">
         <Tabs @bind-SelectedTab="@SelectedGroup" TabPosition="TabPosition.Start" Pills="true" RenderMode="TabsRenderMode.LazyReload" VerticalItemsColumnSize="ColumnSize.Is3.OnDesktop.Is6.OnTablet.Is12.OnMobile">
             <Items>
-                @foreach (var group in SettingComponentCreationContext.Groups)
+                <div class="pt-3">
-                {
+                    @foreach (var group in SettingComponentCreationContext.Groups)
-                    <Tab Name="@GetNormalizedString(group.Id)">
+                    {
-                        @group.DisplayName
+                        <Tab Name="@GetNormalizedString(group.Id)">
-                    </Tab>
+                            @group.DisplayName
-                }
+                        </Tab>
+                    }
+                </div>
             </Items>
             <Content>
                 @foreach (var group in SettingComponentCreationContext.Groups)
                 {
                     <TabPanel Name="@GetNormalizedString(group.Id)" class="abp-md-form">
-                       
                         @{
                             SettingItemRenders.Add(builder =>
                             {

modules/setting-management/src/Volo.Abp.SettingManagement.Web/Pages/SettingManagement/Index.cshtml

@@ -35,7 +35,7 @@
                     </ul>
                 </div>
                 <div class="col-md-9">
-                    <div class="tab-content" id="tab-content">
+                    <div class="tab-content pt-0" id="tab-content">
                     </div>
                 </div>
             </div>