Update Content.cshtml

EdiWang · Sep 20, 2023 · cbe32f0 · cbe32f0
1 parent 5f36c90
commit cbe32f0
Showing 1 changed file with 20 additions and 18 deletions.
diff --git a/src/Moonglade.Web/Pages/Settings/Content.cshtml b/src/Moonglade.Web/Pages/Settings/Content.cshtml
@@ -305,29 +305,31 @@
                 </div>
                 <div>
                     <h4 class="admin-subtitle fw-bold mb-2">@SharedLocalizer["Call-out"]</h4>
-
-                    <div class="settings-entry2 row align-items-center py-3 px-2 rounded-3 shadow-sm border bg-white mb-2">
-                        <div class="col-auto">
-                            <i class="bi-menu-button-wide-fill settings-entry-icon"></i>
-                        </div>
-                        <div class="col">
-                            <label asp-for="@settings.ShowCalloutSection" class="form-check-label"></label>
-                            <div class="form-text">@SharedLocalizer["The call-out section will display on top of every page in the website."]</div>
-                        </div>
-                        <div class="col-md-5 text-end">
-                            <div class="form-check form-switch form-control-lg">
-                                <input type="hidden" name="ShowCalloutSection" value="false">
-                                <input type="checkbox" name="ShowCalloutSection" value="true" class="form-check-input" @(settings.ShowCalloutSection ? "checked" : null)>
+
+                    <div class="rounded-3 shadow-sm border bg-white mb-2">
+                        <div class="settings-entry2 row align-items-center py-3 px-2">
+                            <div class="col-auto">
+                                <i class="bi-menu-button-wide-fill settings-entry-icon"></i>
+                            </div>
+                            <div class="col">
+                                <label asp-for="@settings.ShowCalloutSection" class="form-check-label"></label>
+                                <div class="form-text">@SharedLocalizer["The call-out section will display on top of every page in the website."]</div>
+                            </div>
+                            <div class="col-md-5 text-end">
+                                <div class="form-check form-switch form-control-lg">
+                                    <input type="hidden" name="ShowCalloutSection" value="false">
+                                    <input type="checkbox" name="ShowCalloutSection" value="true" class="form-check-input" @(settings.ShowCalloutSection ? "checked" : null)>
+                                </div>
                             </div>
                         </div>
-                    </div>
-                    <div>
-                        <div class="form-floating">
-                            <textarea asp-for="@settings.CalloutSectionHtmlPitch"
+                        <div class="border-top py-3 px-2">
+                            <div class="form-floating">
+                                <textarea asp-for="@settings.CalloutSectionHtmlPitch"
                                       placeholder="@Html.DisplayNameFor(m => settings.CalloutSectionHtmlPitch)"
                                       class="form-control form-control-sm h-100px"
                                       spellcheck="false"></textarea>
-                            <label class="form-label" asp-for="@settings.CalloutSectionHtmlPitch"></label>
+                                <label class="form-label" asp-for="@settings.CalloutSectionHtmlPitch"></label>
+                            </div>
                         </div>
                     </div>
                 </div>