☰

ChatGPT responsive + customizations

ChatGPT website is more suitable for wide screens.

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

  1. /* ==UserStyle==
  2. @name           ChatGPT responsive + customizations
  3. @version        1.0.9
  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;
  49.         }
  50.         form > div > div:nth-of-type(1) {
  51.             display: none;
  52.         }
  53.     }
  54.     
  55.     if widemode {
  56.         .md\\:max-w-3xl,
  57.         .max-w-3xl {
  58.             max-width: 100%;
  59.         }
  60.         
  61.         pre > div > div:nth-of-type(3) {
  62.             box-sizing: border-box !important;
  63.             max-width: 100% !important;
  64.             overflow: hidden !important;
  65.         }
  66.         code.hljs {
  67.             max-width: 100% !important;
  68.             width: 100% !important;
  69.             white-space: break-spaces !important;
  70.         }
  71.         main > div:nth-of-type(1) > div:nth-of-type(1) > div > div > div > div > button {
  72.             border-color: var(--text-primary);
  73.             height: 50px;
  74.             width: 50px;
  75.         }        
  76.         main > div:nth-of-type(1) > div:nth-of-type(1) > div > div > div > div > button > svg {
  77.             height: 25px;
  78.             width: 25px;
  79.         }
  80.         main > div:nth-of-type(1) > div:nth-of-type(1) > div > div > div > div > button:hover,
  81.         main > div:nth-of-type(1) > div:nth-of-type(1) > div > div > div > div > button:hover svg {
  82.             border-color: rgb(254, 132, 132);
  83.             stroke: rgb(254, 132, 132);
  84.         }
  85.     
  86.         /* Hide scrollbars */
  87.         * {
  88.             scrollbar-width: none !important;
  89.             -ms-overflow-style: none !important;
  90.             -moz-overflow-style: none !important;
  91.             -webkit-overflow-style: none !important;
  92.         }    
  93.         ::-webkit-scrollbar {
  94.             display: none !important;
  95.             width: 0 !important;
  96.         }
  97.     }
  98. }