Make CMS Kit blog post image ratio

modules/cms-kit/src/Volo.CmsKit.Admin.Web/Pages/CmsKit/BlogPosts/Create.cshtml

@@ -60,7 +60,7 @@
     <abp-card-header title="@L["New"].Value"></abp-card-header>
     <abp-card-body>
         <div class="mb-3">
-            <label class="form-label">@L["CoverImage"]</label>
+            <label class="form-label">@L["CoverImage"] <span class="badge text-bg-light">16:9</span></label>
             <input type="file" id="BlogPostCoverImage" class="form-control" />
         </div>
 

modules/cms-kit/src/Volo.CmsKit.Admin.Web/Pages/CmsKit/BlogPosts/Update.cshtml

@@ -68,7 +68,7 @@
                     <br/>
                 }
             </div>
-            <label class="form-label">@L["CoverImage"]</label>
+            <label class="form-label">@L["CoverImage"]<span class="badge text-bg-light">16:9</span></label>
             <input type="file" id="BlogPostCoverImage" class="form-control"/>
         </div>
 

modules/cms-kit/src/Volo.CmsKit.Public.Web/Pages/Public/CmsKit/Blogs/Index.cshtml

@@ -80,7 +80,7 @@
                             <span class="font-weight-bold author-name-span" data-author-id="@blog.Author.Id">@@@blog.Author?.UserName</span>
                             <small style="opacity:.65;">@blog.CreationTime</small>
                         </p>
-                        <p style="min-height: 60px;">@blog.ShortDescription</p>
+                        <p class="cms-blogpost-desc-preview">@blog.ShortDescription</p>
                         <div class="d-grid gap-2">
                             <a href="/@CmsBlogsWebConsts.BlogsRoutePrefix/@Model.BlogSlug/@blog.Slug" class="btn btn-light">
                                 @L["Read"]

modules/cms-kit/src/Volo.CmsKit.Public.Web/Pages/Public/CmsKit/Blogs/index.css

@@ -1,4 +1,5 @@
 .card-img-top { 
+    aspect-ratio: 16 / 9;
 }
 
 .popover {
@@ -7,4 +8,12 @@
 
 .author-name-span{
     cursor: pointer;
+}
+
+.cms-blogpost-desc-preview {
+    min-height: 60px;
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 3;
 }