小窝后台替换了 Font Awesome 4.7 图标库到了 Remix Icons。首先 Font Awesome 4.7 都是 2017 年的版本了,一路祖传过来,很多新加的功能都没有,跟不上时代了。考虑到其许可证不够宽松,于是更换成了其他更友好的库。期间尝试过 Lucide,感觉整体偏细,虽说和 Remix 也相差不大,但好歹 Remix 有「实心」的版本。
替换过程主要最恶心的是“基线”对齐模式,因为原先使用了图标字体,这种方式可以默认对齐其他文字,但是换成 React 组件(SVG 图标)之后对齐方式就有差异了。最常用的办法就是 Flex,但是无脑 Flex 也有问题,对此前一些样式改动不小,另外还有一些坑比如说原先使用 inline 的元素使用 inline-flex 会导致外层父容器出现额外的高度增加问题。目前我看比较通用的办法就是默认 width: 1em; height: 1em; vertical-align: -.2em; 这样可以尽量减少改动并且纠正“基线”对齐的误差。但这样也有不足之处,比如图标组件手动设置 px 单位的宽高之后依旧存在“不对齐”的问题,又留一个坑。
小窝后台在日记编辑页面增加了“AI 机器人评论”功能入口,增加对应异步任务界面,这块都是 Sonnet 4.6 完成的,真的是牛逼!