blog new page ian section container

modules/blogging/src/Volo.Blogging.Web/Pages/Blog/Posts/New.cshtml

@@ -7,64 +7,70 @@
     ViewBag.PageTitle = "Blog";
 }
 @section styles {
-    <abp-style-bundle name="@typeof(NewModel).FullName" >
+    <abp-style-bundle name="@typeof(NewModel).FullName">
         <abp-style type="@typeof(TuiEditorStyleContributor)" />
         <abp-style src="/Pages/Blog/Posts/new.css" />
     </abp-style-bundle>
 }
 @section scripts {
-    <abp-script-bundle name="@typeof(NewModel).FullName" >
-        <abp-script type="@typeof(TuiEditorScriptContributor)"/>
+    <abp-script-bundle name="@typeof(NewModel).FullName">
+        <abp-script type="@typeof(TuiEditorScriptContributor)" />
         <abp-script src="/Pages/Blog/Posts/new.js" />
     </abp-script-bundle>
 }
-<div id="qa-new-post-container">
-    <form method="post" id="new-post-form">
-        <abp-input asp-for="Post.BlogId" />
-        <abp-input asp-for="Post.Title" auto-focus="true" />
-        <abp-input asp-for="Post.Url" />
-        <abp-input asp-for="Post.CoverImage" />
+<main>
+    <section>
+        <div class="container">
+            <div id="qa-new-post-container">
+                <form method="post" id="new-post-form">
+                    <abp-input asp-for="Post.BlogId" />
+                    <abp-input asp-for="Post.Title" auto-focus="true" />
+                    <abp-input asp-for="Post.Url" />
+                    <abp-input asp-for="Post.CoverImage" />
 
-        <abp-row>
-            <abp-column size-sm="_9">
-                <div class="form-group">
-                    <label for="CoverImageFile">@L["CoverImage"]</label>
-                    <input class="form-control" type="file" id="CoverImageFile" />
-                </div>
-            </abp-column>
-            <abp-column size-sm="_3">
-                <img id="CoverImage" src="@Model.Post.CoverImage" height="80" width="160" style="display:none" />
-            </abp-column>
-        </abp-row>
+                    <abp-row>
+                        <abp-column size-sm="_9">
+                            <div class="form-group">
+                                <label for="CoverImageFile">@L["CoverImage"]</label>
+                                <input class="form-control" type="file" id="CoverImageFile" />
+                            </div>
+                        </abp-column>
+                        <abp-column size-sm="_3">
+                            <img id="CoverImage" src="@Model.Post.CoverImage" height="80" width="160" style="display:none" />
+                        </abp-column>
+                    </abp-row>
 
-        <abp-input asp-for="Post.Content" />
-        <abp-input asp-for="Post.Tags" />
+                    <abp-input asp-for="Post.Content" />
+                    <abp-input asp-for="Post.Tags" />
 
 
-        <div class="form-group">
-            <div class="new-post-editor">
-                <div class="gradient-background-animation loading-cover"></div>
-            </div>
-        </div>
+                    <div class="form-group">
+                        <div class="new-post-editor">
+                            <div class="gradient-background-animation loading-cover"></div>
+                        </div>
+                    </div>
 
-        <div class="actions d-flex">
-            <div class="text-muted editor-info d-none d-lg-block mr-auto">
+                    <div class="actions d-flex">
+                        <div class="text-muted editor-info d-none d-lg-block mr-auto">
 
-                <div>
-                    <svg class="markdown-icon" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true">
-                        <path fill-rule="evenodd" d="M14.85 3H1.15C.52 3 0 3.52 0 4.15v7.69C0 12.48.52 13 1.15 13h13.69c.64 0 1.15-.52 1.15-1.15v-7.7C16 3.52 15.48 3 14.85 3zM9 11H7V8L5.5 9.92 4 8v3H2V5h2l1.5 2L7 5h2v6zm2.99.5L9.5 8H11V5h2v3h1.5l-2.51 3.5z"></path>
-                    </svg> <small>@L["MarkdownSupported"] </small>
-                </div>
+                            <div>
+                                <svg class="markdown-icon" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true">
+                                    <path fill-rule="evenodd" d="M14.85 3H1.15C.52 3 0 3.52 0 4.15v7.69C0 12.48.52 13 1.15 13h13.69c.64 0 1.15-.52 1.15-1.15v-7.7C16 3.52 15.48 3 14.85 3zM9 11H7V8L5.5 9.92 4 8v3H2V5h2l1.5 2L7 5h2v6zm2.99.5L9.5 8H11V5h2v3h1.5l-2.51 3.5z"></path>
+                                </svg> <small>@L["MarkdownSupported"] </small>
+                            </div>
 
-                <div><small><i class="fa fa-copy"></i> @L["FileUploadInfo"].Value</small></div>
+                            <div><small><i class="fa fa-copy"></i> @L["FileUploadInfo"].Value</small></div>
 
-            </div>
-            <div class="mt-3 d-flex flex-row-reverse">
-                <abp-button button-type="Primary" type="submit" form="new-post-form" text="@L["Submit"].Value" icon="check" />
+                        </div>
+                        <div class="mt-3 d-flex flex-row-reverse">
+                            <abp-button button-type="Primary" type="submit" form="new-post-form" text="@L["Submit"].Value" icon="check" />
 
-                <a asp-page="./Index" class="btn btn-default mr-2"><span>@L["Cancel"]</span></a>
+                            <a asp-page="./Index" class="btn btn-default mr-2"><span>@L["Cancel"]</span></a>
+                        </div>
+                    </div>
+
+                </form>
             </div>
         </div>
-
-    </form>
-</div>
+    </section>
+</main>