Set Max Width for Elements ChatGpt

Set max-width for elements with specific classes

スクリプトをインストールするには、Tampermonkey, GreasemonkeyViolentmonkey のような拡張機能のインストールが必要です。

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

スクリプトをインストールするには、TampermonkeyViolentmonkey のような拡張機能のインストールが必要です。

スクリプトをインストールするには、TampermonkeyUserscripts のような拡張機能のインストールが必要です。

このスクリプトをインストールするには、Tampermonkeyなどの拡張機能をインストールする必要があります。

このスクリプトをインストールするには、ユーザースクリプト管理ツールの拡張機能をインストールする必要があります。

(ユーザースクリプト管理ツールは設定済みなのでインストール!)

このスタイルをインストールするには、Stylusなどの拡張機能をインストールする必要があります。

このスタイルをインストールするには、Stylus などの拡張機能をインストールする必要があります。

このスタイルをインストールするには、Stylus tなどの拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

(ユーザースタイル管理ツールは設定済みなのでインストール!)

このスクリプトの質問や評価の投稿はこちら通報はこちらへお寄せください
// ==UserScript==
// @name         Set Max Width for Elements ChatGpt
// @namespace    https://chat.openai.com/
// @version      0.2
// @description  Set max-width for elements with specific classes
// @author       Sagar Yadav
// @match        https://chat.openai.com/*
// @grant        none
// @license MIT 
// ==/UserScript==

(function() {
    'use strict';

    const applyMaxWidth = (className, maxWidth) => {
        const elements = document.querySelectorAll(className);
        if (elements.length === 0) return;

        // Check if the last element already has the target max-width
        const lastElement = elements[elements.length - 1];
        const currentMaxWidth = window.getComputedStyle(lastElement).maxWidth;

        if (currentMaxWidth === maxWidth) {
            return;
        }

        elements.forEach(element => {
            element.style.setProperty('max-width', maxWidth, 'important');
        });
    };

    // Run the function every 5 seconds
    setInterval(() => {
        applyMaxWidth('.Lg\\:max-w-\\[38rem\\]', '78rem');
        applyMaxWidth('.xl\\:max-w-3xl', '98rem');
    }, 5000);
})();