Skip to content

Instantly share code, notes, and snippets.

@drosenstark
Last active November 11, 2023 18:38
Show Gist options
  • Save drosenstark/2f505257df4c71f64cccb79aeda87746 to your computer and use it in GitHub Desktop.
Save drosenstark/2f505257df4c71f64cccb79aeda87746 to your computer and use it in GitHub Desktop.
Simple CSS for Stylus etc. to widen ChatGPT
/* (c) Confusion Studios LLC and affiliates. Confidential and proprietary. */
/* from https://community.openai.com/t/customize-your-interface-for-chatgpt-web-custom-css-inside/315446/3 */
/* Allow width to expand for the main chat panel */
.gizmo .gizmo\:xl\:max-w-\[48rem\] {
max-width: 95%;
}
/* Wrap Text in Code Blocks */
.\!whitespace-pre {
white-space: pre-wrap !important;
}
/* Stretch the input box to 95% */
form.stretch {
max-width: 95%;
}
/* Alternate Colors */
.w-full.text-token-text-primary.border-b.border-black\/10.gizmo\:border-0.dark\:border-gray-900\/50.gizmo\:dark\:border-0.bg-gray-50.gizmo\:bg-transparent.dark\:bg-\[\#444654\].gizmo\:dark\:bg-transparent {
background: hsl(180, 50%, 90%);
margin: 10px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment