Greasy Fork is available in English.

ChatGPT responsive + customizations

ChatGPT website is more suitable for wide screens.

/* ==UserStyle==
@name           ChatGPT responsive + customizations
@version        1.0.9
@description    ChatGPT website is more suitable for wide screens.
@author         BreatFR (https://breat.fr)
@namespace      https://gitlab.com/breatfr
@homepageURL    https://gitlab.com/breatfr/chatgpt
@supportURL     https://discord.gg/Q8KSHzdBxs
@license        AGPL-3.0-or-later; https://www.gnu.org/licenses/agpl-3.0.txt
@preprocessor   stylus

@var    text        fontsize        "Custom font size"  1.2rem
@var    checkbox    biggertextarea  "Bigger textarea"   1
@var    checkbox    nochatgptplus   "No ChatGPT plus"   1
@var    checkbox    widemode        "Wide mode"         1
==/UserStyle== */

/* === Credits ===
Website         https://breat.fr
facebook        https://www.facebook.com/breatfroff
mastodon        https://mastodon.social/@breat_fr
telegram        https://t.me/breatfr
vk              https://vk.com/breatfroff
X (twitter)     https://x.com/breatfroff
=== Credits === */

@-moz-document domain("chatgpt.com") {
    /* Custom font size */
    :root {
        font-size: fontsize;
    }
    
    if biggertextarea {
        .max-h-\\[25dvh\\],
        .max-h-52 {
            max-height: 80vh;
        }
    }
    
    if nochatgptplus {
        /* Menu obtain ChatGPT Plus */
        nav > div:nth-of-type(3) {
            display: none;
        }
        
        /* You reached limit above textarea */
        main > div:nth-of-type(1) > div:nth-of-type(1) > div > div > div > div {
            padding-bottom: 0;
        }
        form > div > div:nth-of-type(1) {
            display: none;
        }
    }
    
    if widemode {
        .md\\:max-w-3xl,
        .max-w-3xl {
            max-width: 100%;
        }
        
        pre > div > div:nth-of-type(3) {
            box-sizing: border-box !important;
            max-width: 100% !important;
            overflow: hidden !important;
        }
        code.hljs {
            max-width: 100% !important;
            width: 100% !important;
            white-space: break-spaces !important;
        }
        main > div:nth-of-type(1) > div:nth-of-type(1) > div > div > div > div > button {
            border-color: var(--text-primary);
            height: 50px;
            width: 50px;
        }        
        main > div:nth-of-type(1) > div:nth-of-type(1) > div > div > div > div > button > svg {
            height: 25px;
            width: 25px;
        }
        main > div:nth-of-type(1) > div:nth-of-type(1) > div > div > div > div > button:hover,
        main > div:nth-of-type(1) > div:nth-of-type(1) > div > div > div > div > button:hover svg {
            border-color: rgb(254, 132, 132);
            stroke: rgb(254, 132, 132);
        }
    
        /* Hide scrollbars */
        * {
            scrollbar-width: none !important;
            -ms-overflow-style: none !important;
            -moz-overflow-style: none !important;
            -webkit-overflow-style: none !important;
        }    
        ::-webkit-scrollbar {
            display: none !important;
            width: 0 !important;
        }
    }
}