☰

Microsoft Copilot responsive + customizations

Microsoft Copilot website is more suitable for wide screens.

当前为 2025-02-12 提交的版本，查看 最新版本。

  1. /* ==UserStyle==
  2. @name           Microsoft Copilot responsive + customizations
  3. @version        1.0.0
  4. @description    Microsoft Copilot 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/microsoft-copilot
  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    checkbox    chatmode            "Chat mode"                 1
  13. @var    text        fontsize            "Font size"                 1.2rem
  14. @var    checkbox    hidecopilotpro      "Hide Copilot Pro"          1
  15. @var    checkbox    hidedownloadapp     "Hide Download Application" 1
  16. @var    checkbox    widemode            "Wide mode"                 1
  17. ==/UserStyle== */
  18.  
  19. /* === Credits ===
  20. Website         https://breat.fr
  21. facebook        https://www.facebook.com/breatfroff
  22. mastodon        https://mastodon.social/@breat_fr
  23. telegram        https://t.me/breatfr
  24. vk              https://vk.com/breatfroff
  25. X (twitter)     https://x.com/breatfroff
  26. === Credits === */
  27.  
  28. @-moz-document domain("copilot.microsoft.com") {
  29. /* =============================================
  30.     Whole website
  31. ============================================= */
  32.     /* Font size */
  33.     .text-3xs,
  34.     .text-base,
  35.     .text-sm,
  36.     p,
  37.     span {
  38.         font-size: fontsize;
  39.         line-height: 1.5
  40.     }
  41.     /* Fix background for source number with bigger font size */
  42.     .dark\\:bg-slate-750:is([data-theme=dark] *),
  43.     .light\\:bg-slate-750:is([data-theme=light] *) {
  44.         height: auto;
  45.         padding: 0 .5em;
  46.     }
  47.  
  48.     if widemode {
  49.         [data-testid="composer"] > div:nth-of-type(2) > div,
  50.         [data-testid="composer"] > div:nth-of-type(2) > div > div:nth-of-type(2) > div > div {
  51.             max-width: 100%;
  52.             width: 100%
  53.         }
  54.     }
  55. }
  56.  
  57. @-moz-document url("https://copilot.microsoft.com/") {
  58. /* ===================================================
  59.     Discover page
  60. =================================================== */
  61.     if widemode {
  62.         [data-testid="discover-page"] > div {
  63.             max-width: 100%;
  64.             width: 100%
  65.         }
  66.         [data-testid="discover-page"] > div > section > div {
  67.             display: flex;
  68.             flex-wrap: wrap;
  69.             gap: 2em;
  70.             justify-content: center;
  71.         }
  72.         [data-testid="discover-page"] > div > section > div > button {
  73.             width: 30%;
  74.         }
  75.         [data-testid="discover-page"] > div > section > div > button > div {
  76.             flex-direction: column;
  77.         }
  78.         [data-testid="discover-page"] > div > section > div > button > div > div {
  79.             font-size: 1.5rem;
  80.             font-variation-settings: "opsz" 40, "wght" 440;
  81.             justify-content: center;
  82.             line-height: 1.9375rem;
  83.             letter-spacing: -.01em;
  84.             padding-inline-end: 1rem;
  85.             padding-bottom: 1.25rem;
  86.         }
  87.         [data-testid="discover-page"] > div > section > div > button > div > div > h2 {
  88.             text-align: center;
  89.         }
  90.         [data-testid="discover-page"] > div > section > div > button > div > img {
  91.             flex-shrink: 1;
  92.             object-fit: cover;
  93.             width: 100%
  94.         }
  95.     }
  96. }
  97.  
  98. @-moz-document url-prefix("https://copilot.microsoft.com/chats/") {
  99. /* ================================================================
  100.     Chats
  101. ================================================================ */
  102.     if chatmode {
  103.         [data-content="ai-message"] {
  104.             max-width: 80%;
  105.         }
  106.     }
  107.     
  108.     if hidecopilotpro {
  109.         [data-testid="settings-menu"] > div > div:nth-of-type(1) {
  110.             display: none;
  111.         }
  112.     }
  113.     
  114.     if hidedownloadapp {
  115.         [data-testid="settings-menu"] > div > button[data-testid="promotion-button"],
  116.         [data-testid="settings-menu"] > div > div:nth-of-type(4) {
  117.             display: none;
  118.         }
  119.     }
  120.     
  121.     if widemode {
  122.         [data-content="conversation"]{
  123.             max-width: 100%;
  124.             width: 100%
  125.         }
  126.         [data-testid="settings-menu"] > div > div:last-child {
  127.             flex-wrap: nowrap;
  128.             white-space: nowrap;
  129.         }
  130.     }
  131. }

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址