☰

ChatGPT responsive + customizations

ChatGPT website is more suitable for wide screens.

当前为 2024-10-10 提交的版本，查看 最新版本。

  1. /* ==UserStyle==
  2. @name           ChatGPT responsive + customizations
  3. @version        1.0.10
  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    nochatgptplus   "No ChatGPT plus"   1
  15. @var    checkbox    widemode        "Wide mode"         1
  16. ==/UserStyle== */
  17.  
  18. /* === Credits ===
  19. Website         https://breat.fr
  20. facebook        https://www.facebook.com/breatfroff
  21. mastodon        https://mastodon.social/@breat_fr
  22. telegram        https://t.me/breatfr
  23. vk              https://vk.com/breatfroff
  24. X (twitter)     https://x.com/breatfroff
  25. === Credits === */
  26.  
  27. @-moz-document domain("chatgpt.com") {
  28.     /* Custom font size */
  29.     :root {
  30.         font-size: fontsize;
  31.     }
  32.     
  33.     if biggertextarea {
  34.         .max-h-\\[25dvh\\],
  35.         .max-h-52 {
  36.             max-height: 80vh;
  37.         }
  38.     }
  39.     
  40.     if nochatgptplus {
  41.         /* Menu obtain ChatGPT Plus */
  42.         nav > div:nth-of-type(3) {
  43.             display: none;
  44.         }
  45.  
  46.         /* You reached limit above textarea */
  47.         main > div:nth-of-type(1) > div:nth-of-type(1) > div > div > div > div {
  48.             padding-bottom: 0 !important;
  49.         }
  50.          form > div > div:nth-of-type(1) > div > div > div > div[class="flex w-full items-start gap-4 rounded-2xl border border-token-border-light bg-token-main-surface-primary py-4 pl-5 pr-3 text-sm text-token-text-primary [text-wrap:pretty] dark:border-transparent dark:bg-token-main-surface-secondary md:items-center lg:mx-auto shadow-xxs"] {
  51.             display: none !important;
  52.         }
  53.         body:has(form > div > div:nth-of-type(1) > div > div > div[style="opacity: 1; will-change: auto;"] > button) {
  54.             main > div:nth-of-type(1) > div:nth-of-type(1) > div > div > div > div {
  55.                 padding-bottom: 2em !important;
  56.             }
  57.         }
  58.     }
  59.     
  60.     if widemode {
  61.         .md\\:max-w-3xl,
  62.         .max-w-3xl {
  63.             max-width: 100%;
  64.         }
  65.         
  66.         pre > div > div:nth-of-type(3) {
  67.             box-sizing: border-box !important;
  68.             max-width: 100% !important;
  69.             overflow: hidden !important;
  70.         }
  71.         code.hljs {
  72.             max-width: 100% !important;
  73.             width: 100% !important;
  74.             white-space: break-spaces !important;
  75.         }
  76.         main > div:nth-of-type(1) > div:nth-of-type(1) > div > div > div > div > button {
  77.             border-color: var(--text-primary);
  78.             height: 50px;
  79.             width: 50px;
  80.         }        
  81.         main > div:nth-of-type(1) > div:nth-of-type(1) > div > div > div > div > button > svg {
  82.             height: 25px;
  83.             width: 25px;
  84.         }
  85.         main > div:nth-of-type(1) > div:nth-of-type(1) > div > div > div > div > button:hover,
  86.         main > div:nth-of-type(1) > div:nth-of-type(1) > div > div > div > div > button:hover svg {
  87.             border-color: rgb(254, 132, 132);
  88.             stroke: rgb(254, 132, 132);
  89.         }
  90.     
  91.         /* Hide scrollbars */
  92.         * {
  93.             scrollbar-width: none !important;
  94.             -ms-overflow-style: none !important;
  95.             -moz-overflow-style: none !important;
  96.             -webkit-overflow-style: none !important;
  97.         }    
  98.         ::-webkit-scrollbar {
  99.             display: none !important;
  100.             width: 0 !important;
  101.         }
  102.     }
  103. }