jyapayne/langflow
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

fix: size-down-docs-images (#6049)

Browse source 
fix:size-down-docs-images
This commit is contained in:
Mendon Kissling 2025-01-31 15:08:10 -05:00 • committed by GitHub
commit f4d3451dd2
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 32 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

33
docs/css/custom.css
View file

@ -199,8 +199,39 @@ body {
width: 100%;
}
/* Add comprehensive image control */
.markdown img {
max-width: 100%;
height: auto;
display: block;
margin: 1rem auto;
max-height: 500px;
object-fit: contain;
}
/* Default size for most images */
.markdown img:not(.resized-image) {
max-width: 500px;
width: auto;
}
.resized-image {
width: 400px;
width: 250px;
max-height: 400px;
}
/* Responsive images on mobile devices */
@media (max-width: 768px) {
.markdown img:not(.resized-image) {
max-width: 100%;
max-height: 400px;
}
.resized-image {
width: 100%;
max-width: 250px;
max-height: 300px;
}
}
/* Reduce width on mobile for Mendable Search */