☰

ChatGPT responsive + customizations

ChatGPT website is more suitable for wide screens.

As of 2024-10-01. See the latest version.

  1. /* ==UserStyle==
  2. @name           ChatGPT responsive + customizations
  3. @version        1.0.7
  4. @description    ChatGPT website is more suitable for wide screens.
  5. @author         BreatFR (https://breat.fr)
  6. @namespace      https://gitlab.com/breatfr
  7. @homepageURL    https://gitlab.com/breatfr/chatgpt
  8. @supportURL     https://discord.gg/Q8KSHzdBxs
  9. @license        AGPL-3.0-or-later; https://www.gnu.org/licenses/agpl-3.0.txt
  10. @preprocessor   stylus
  11.  
  12. @var    text        fontsize        "Custom font size"  1.2rem
  13. @var    checkbox    biggertextarea  "Bigger textarea"   1
  14. @var    checkbox    widemode        "Wide mode"         1
  15. ==/UserStyle== */
  16.  
  17. /* === Credits ===
  18. Website         https://breat.fr
  19. facebook        https://www.facebook.com/breatfroff
  20. mastodon        https://mastodon.social/@breat_fr
  21. telegram        https://t.me/breatfr
  22. vk              https://vk.com/breatfroff
  23. X (twitter)     https://x.com/breatfroff
  24. === Credits === */
  25.  
  26. @-moz-document domain("chatgpt.com") {
  27.     /* Custom font size */
  28.     :root {
  29.         font-size: fontsize;
  30.     }
  31.     
  32.     if biggertextarea {
  33.         .max-h-\\[25dvh\\],
  34.         .max-h-52 {
  35.             max-height: 80vh;
  36.         }
  37.     }
  38.     
  39.     if widemode {
  40.         .md\\:max-w-3xl,
  41.         .max-w-3xl {
  42.             max-width: 100%;
  43.         }
  44.  
  45.         .\!whitespace-pre {
  46.             white-space: break-spaces !important;
  47.         }
  48.     }
  49. }