Search code examples
openai-api

How to increase the code view box size of ChatGPT web interface

It is frustrating how small the code viewing area is in ChatGPT and to make the matters worse it has a fixed width that does not change with the size of the browser window.

UPDATE: Guys use the extension in the answer below. It is a better solution than mine.

A temporary solution is this bookmarklet to maximize all the elements:

Create a bookmark and put this in the URL. Then run by selecting the bookmark on ChatGPT UI.

javascript:(function() { 
  document.querySelectorAll('div[class*="group w-full"] > div > div')
    .forEach((element) => { element.className = "flex flex-1"; }); 
})();

Is there a better solution than this?

Solution

  • There's a chrome extension now - https://chromewebstore.google.com/detail/wide-gpt/ceddkenhchmiajgmnlelcnackpeihohk. Its pretty clean.

    PS: Not built by me.