Memos自定义美化修改内容模块显示宽度

by 温柔, 2025-09-03

起因是在Github上反馈0.25版本太丑了，讨论区看到有人问就看了下
<div class="min-w-0 mx-auto w-full max-w-2xl"> 的 max-w-2xl 修改为 max-w-full

(＾Ｕ＾)ノ~ＹＯ后来想到一个方法可以使用自定义脚本用js来修改div内的class增加个max-w-full完美解决

const callback = function(mutationsList, observer) {
    const targetDiv = document.querySelector('.min-w-0.mx-auto.w-full.max-w-2xl');
    if (targetDiv && !targetDiv.classList.contains('max-w-full')) {
        console.log('adding class...');
        targetDiv.classList.add('max-w-full');
        observer.disconnect(); 
    }
};
const observer = new MutationObserver(callback);
const config = { childList: true, subtree: true };
observer.observe(document.body, config);

none

作者：温柔

Memos自定义美化修改内容模块显示宽度

分类目录

一言一句

最新评论

标签

归档

下一篇