Skip to main content

Margin Options

Feature Request

Please consider adding margin/max-width options. I can hack it now with Stylus, but it’s often useful to have a wider view for code blocks. Even just something like “Standard” and “Unbound” would be nice, where the content can take all the available width. (My super hacky Stylus way is * { max-width: unset !important; }).

Status: Closed8 comments

Log in to comment and vote

Comments8

  • Scarlet Highlighter

    for now here is a css hack that works:

    div[role=log], div.max-w-3xl:has(form){ max-width: 56rem; } div.max-w-3xl form { max-width: none; }

    • Gray Crater

      I went a little further… If you install tapermonkey

      // ==UserScript== // @name T3 Chat Wide Screen Hack // @namespace http://tampermonkey.net/ // @version 0.1 // @description Adjusts max-width for chat logs and forms // @author Jake// @match https://t3.chat/* // @grant GM_addStyle // @run-at document-start // ==/UserScript==

      (function() { 'use strict';

      GM_addStyle(`
    div[role=log], div.max-w-3xl:has(form) {
        max-width: 80rem !important;
    }
    div.max-w-3xl form {
        max-width: none !important;
    }    `);

      })();

  • Sapphire Compass

    similar to markdown tables, I’d also love to be able to have them wider.

  • Amaranth Reef

    Agree on this. If you scroll up in the code you cannot see the horizontal scroll bars so wider code view would be much nicer than having to use the wrapping.

  • Tomato Cucumber

    No reason to not have a wider code block. I literally have 2/3 of my screen as gutter/padding to the left and right of a code block and still have a horizontal bar.

  • Beige Antelope

    I agree that the entire output block should be wider!

  • Chocolate Drizzle

    This would be good for everything, not just the block itself, but the entire chat. I usually use this side-by-side with something else (be it youtube/spotify or vscode), it still uses half the available space.

    I love the fact that you can toggle the sidebar but it doesn’t really do much if the rest of the space is empty anyway.

  • Magenta Sun

    I’d like this too. On high resolution screens, the chat gets centered and with a fixed width. It would be nice if we had the option to make the chat container fluid so the user doesn’t have to scroll to see the full code.