Greasy Fork

Greasy Fork is available in English.

Poe.com 宽屏

在AI网站POE，宽屏显示

如何安装

您需要先安装一个扩展，例如 篡改猴、Greasemonkey 或 暴力猴，之后才能安装此脚本。

You will need to install an extension such as Tampermonkey to install this script.

您需要先安装一个扩展，例如 篡改猴 或 暴力猴，之后才能安装此脚本。

您需要先安装一个扩展，例如 篡改猴 或 Userscripts ，之后才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey，才能安装此脚本。

您需要先安装用户脚本管理器扩展后才能安装此脚本。

（我已经安装了用户脚本管理器，让我安装！）

如何安装

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

（我已经安装了用户样式管理器，让我安装！） 

// ==UserScript==
// @name     Poe.com 宽屏
// @namespace http://tampermonkey.net/
// @version  1.1
// @description  在AI网站POE，宽屏显示
// @grant    none
// @match    https://*.poe.com/*
// @run-at document-end
// @license  MIT
// ==/UserScript==

(function() {
    var css = `
    /* 禁用 max-width 和 width */
    .Message_botMessageBubble__CPGMI,
    .Message_humanMessageBubble__Nld4j,
    .ChatPageMain_container__1aaCT {
        max-width: none;
    }
    .MainColumn_column__z1_q8 {
        width: auto;
    }
    .SidebarLayout_right__FS_8M {
        --sidebar-width: 15%;
    }
    `;

    var style = document.createElement('style');
    style.type = 'text/css';
    style.appendChild(document.createTextNode(css));
    (document.head||document.documentElement).appendChild(style);
})();