ui/src/styles.css 🔗
@@ -1559,6 +1559,8 @@ button {
border-radius: 0.25rem;
overflow: hidden;
background: var(--bg-base);
+ width: fit-content;
+ max-width: 100%;
}
.screenshot-tool-image-container a {
shelley: ui: prevent screenshots from scaling beyond 100%
Philip Zeyliger and Shelley created
Prompt: When shelley shows a screenshot, it takes up the whole width,
even if that means scaling up the image more than 100%. I think that's
wrong; we should max out at 100% scaling if possible.
Add width: fit-content to .screenshot-tool-image-container so it shrinks
to the image's natural size. The max-width: 100% ensures it still doesn't
overflow on narrow screens.
This prevents small screenshots from being stretched to fill the entire
width of the message area.
Co-authored-by: Shelley <shelley@exe.dev>Change summary
ui/src/styles.css | 2 ++
1 file changed, 2 insertions(+)