Inference API snippets are cut-off on smaller screens.

[Vaibhavs10]

Coming over from the discussion in #1030

The snippet displayed for models with extra pre-processing required on top of the just receiving the output from the API is hidden on smaller screens.

Snippet from SDXL-base

I'm on a 13 inch MBP, testing on the primary screen.

This currently effects all Text-to-Image, Text-to-Audio, & Text-to-Speech models on the hub that are compatible with inference-api or inference-api-community

cc: @osanseviero @mishig25 🤗

[osanseviero]

Friendly ping to @mishig25 and @gary149

[mishig25]

do you have screenshot on the smaller screen and what's being hidden?

[Vaibhavs10]

If you click on the SDXL-base URL mentioned on the original post (and open on a bigger screen) you'll see the rest of the code snippet.

The screenshot in the message above was taken on a smaller screen and has incomplete code.

[mishig25]

on smal screen, you can still scroll the element to the right. no?

[gary149]

on smal screen, you can still scroll the element to the right. no?

I think the problem is it doesnt vertical scroll ?

[mishig25]

I might be missing something. It does seem to scroll well in both directions

Screen.Recording.2023-11-08.at.11.54.25.mov

[osanseviero]

You cannot vertically scroll from within the code snippet. So for example, in my screen the code snippet might look like this. As you can see, part of it is cut/not displayed

[osanseviero]

Thanks!