Skip to content

HuggingChat responsive by breat

Mirrored from https://gitlab.com/breatfr/huggingchat/-/raw/main/css/huggingchat-responsive.user.css

Screenshot of HuggingChat responsive

Details

Authorbreat

LicenseAGPL-3.0-or-later; https://www.gnu.org/licenses/agpl-3.0.txt

Categoryhuggingface.co/chat/

Created

Updated

Size966 B

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

HuggingChat website is more suitable for wide screens.

Notes

Support me on:

How to use in few steps

  1. Install Stylus browser extension

  2. Install the UserStyle.

  3. To update the theme, open the Stylus Management window and click on Check for update and follow the instructions or just wait 24h to automatic update

  4. Enjoy :)

Source code

/* ==UserStyle==
@name            HuggingChat responsive
@version         1.0.1
@description     HuggingChat website is more suitable for wide screens.
@author          BreatFR (https://breat.fr)
@namespace       https://gitlab.com/breatfr
@homepageURL     https://gitlab.com/breatfr/huggingchat
@supportURL      https://discord.gg/Q8KSHzdBxs
@license         AGPL-3.0-or-later; https://www.gnu.org/licenses/agpl-3.0.txt
==/UserStyle== */

/* === Credits ===
Website          https://breat.fr
facebook         https://www.facebook.com/breatfroff
mastodon         https://mastodon.social/@breat_fr
telegram         https://t.me/breatfr
vk               https://vk.com/breatfroff
X (twitter)      https://x.com/breatfroff
=== Credits === */

@-moz-document url-prefix("https://huggingface.co/chat/") {
    .xl\:max-w-4xl,
    [aria-label="file dropzone"] {
        max-width: 100%;
    }
    
    pre {
        white-space: wrap;
    }
}

Reviews

No reviews yet.