Merge pull request #23924 from abpframework/vs-internal-issue-#7448

Use a standard structure for tags for CMS Kit

modules/cms-kit/src/Volo.CmsKit.Public.Web/Pages/CmsKit/Shared/Components/Tags/Default.cshtml

@@ -3,23 +3,29 @@
 @model TagViewComponent.TagViewModel
 
 <div class="my-3">
-    <div class="cms-tags-area">
-        @if (Model.Tags != null)
-        {
-            foreach (var tag in Model.Tags)
-            {
-                if (Model.UrlFormat.IsNullOrWhiteSpace())
-                {
-                    <span class="badge rounded-pill badge-secondary text-bg-secondary cmskit-tag font-weight-normal">
-                        @tag.Name
-                    </span>
-                }
-                else
-                {
-                    var formattedUrl = Model.UrlFormat.Replace("{TagId}", tag.Id.ToString()).Replace("{TagName}", tag.Name);
-                    <a href="@formattedUrl"><span class="badge rounded-pill  badge-secondary text-bg-secondary rounded-pill cmskit-tag font-weight-normal">@tag.Name</span></a>
-                }
-            }
-        }
-    </div>
+	<div class="cms-tags-area">
+		@if (Model.Tags != null)
+		{
+			<ul class="d-flex flex-wrap gap-1">
+				@foreach (var tag in Model.Tags)
+				{
+					if (Model.UrlFormat.IsNullOrWhiteSpace())
+					{
+						<li>
+							<span class="badge rounded-pill badge-secondary text-bg-secondary cmskit-tag font-weight-normal">
+								@tag.Name
+							</span>
+						</li>
+					}
+					else
+					{
+						var formattedUrl = Model.UrlFormat.Replace("{TagId}", tag.Id.ToString()).Replace("{TagName}", tag.Name);
+						<li>
+							<a href="@formattedUrl"><span class="badge rounded-pill badge-secondary text-bg-secondary cmskit-tag font-weight-normal">@tag.Name</span></a>
+						</li>
+					}
+				}
+			</ul>
+		}
+	</div>
 </div>