单篇文章过多标签导致标签内容溢出

[frankwswang]

Bug描述
如果一篇文章标签太多，文章页面底部的标签会溢出到文章宽度范围之外的地方。

系统与环境
Icarus: 4.1.1
hexo: 5.3.0
hexo-cli: 4.2.0
node: 14.12.0
Chrome: 87.0.4280.141 (Official Build) (64-bit)

复现方式

1. 添加足够多的tag（eg: test1一直到test10）
2. 将浏览器拉伸到最小尺寸—>Icarus进入移动端视图
3. 点击进入添加过多tag的文章页面
4. 底部tag部分溢出

期望行为
tag会自动换行不溢出文章内容板块范围

截图

额外上下文
无。

[ppoffice]

@frankwswang 无法复现此问题。请检查你是否修改了相关的样式文件，或者请提供一个用于展示此问题的在线页面。

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[frankwswang]

抱歉忘记回复了。我没有修改样式文件，并且我又直接用最新版本（4.3.0）测试了一下，还是有这个问题。一个更简便的复现方法是直接在任意文章的md文件的Front-matter中添加非常多的标签：

---
tags: [test1, test2, test3, test4, test5, test6, test7, test8, test9, test10, test11, test12, test13, test14, test15, test16, test17, test18, test19, test20, test21, test22, test23, test24, test25]
---

这样就会溢出。

我认为应该是跟article.jsx中的这部分代码有关：

{!index && page.tags && page.tags.length ? <div class="article-tags is-size-7 mb-4">
     <span class="mr-2">#</span>
     {page.tags.map(tag => {
            return <a class="link-muted mr-2" rel="tag" href={url_for(tag.path)}>{tag.name}</a>;
     })}
</div> : null}

[ppoffice]

@frankwswang 感谢指出。已经在最新的commit中修复。