docs: ui improvements (#6317)
* use-yarn-not-npm * swap-api-menu-items * fix-errors * force-sidebar-open * increase-custom-css-values
This commit is contained in:
parent
1b6675ef68
commit
a4a70d4aea
7 changed files with 20 additions and 20 deletions
|
|
@ -205,32 +205,32 @@ body {
|
|||
height: auto;
|
||||
display: block;
|
||||
margin: 1rem auto;
|
||||
max-height: 500px;
|
||||
max-height: 600px;
|
||||
object-fit: contain;
|
||||
}
|
||||
|
||||
/* Default size for most images */
|
||||
.markdown img:not(.resized-image) {
|
||||
max-width: 500px;
|
||||
max-width: 600px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.resized-image {
|
||||
width: 250px;
|
||||
max-height: 400px;
|
||||
width: 300px;
|
||||
max-height: 500px;
|
||||
}
|
||||
|
||||
/* Responsive images on mobile devices */
|
||||
@media (max-width: 768px) {
|
||||
.markdown img:not(.resized-image) {
|
||||
max-width: 100%;
|
||||
max-height: 400px;
|
||||
max-height: 500px;
|
||||
}
|
||||
|
||||
.resized-image {
|
||||
width: 100%;
|
||||
max-width: 250px;
|
||||
max-height: 300px;
|
||||
max-width: 300px;
|
||||
max-height: 400px;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue