fix overflowing in image results
This commit is contained in:
parent
1ce204bf4e
commit
732d95093c
@ -81,7 +81,7 @@ pub fn request_images(query: &str) -> reqwest::RequestBuilder {
|
|||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
#[tracing::instrument]
|
#[tracing::instrument(skip(body))]
|
||||||
pub fn parse_images_response(body: &str) -> eyre::Result<EngineImagesResponse> {
|
pub fn parse_images_response(body: &str) -> eyre::Result<EngineImagesResponse> {
|
||||||
let dom = Html::parse_document(body);
|
let dom = Html::parse_document(body);
|
||||||
|
|
||||||
|
@ -49,10 +49,12 @@ body {
|
|||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.settings-link {
|
.settings-link,
|
||||||
|
.settings-link:visited {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 1em;
|
top: 1em;
|
||||||
right: 1em;
|
right: 1em;
|
||||||
|
color: var(--link);
|
||||||
}
|
}
|
||||||
.version-info {
|
.version-info {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@ -143,6 +145,7 @@ h1 {
|
|||||||
.settings-page .back-to-index-button {
|
.settings-page .back-to-index-button {
|
||||||
bottom: 0.5em;
|
bottom: 0.5em;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
color: var(--link);
|
||||||
}
|
}
|
||||||
.settings-form select {
|
.settings-form select {
|
||||||
display: block;
|
display: block;
|
||||||
@ -530,6 +533,7 @@ h3.answer-thesaurus-category-title {
|
|||||||
min-width: 12rem;
|
min-width: 12rem;
|
||||||
position: relative;
|
position: relative;
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
.image-result-img-container {
|
.image-result-img-container {
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
@ -538,6 +542,8 @@ h3.answer-thesaurus-category-title {
|
|||||||
.image-result img {
|
.image-result img {
|
||||||
height: 10.3rem;
|
height: 10.3rem;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
object-fit: scale-down;
|
||||||
|
object-position: left;
|
||||||
}
|
}
|
||||||
.image-result-page-anchor {
|
.image-result-page-anchor {
|
||||||
display: block;
|
display: block;
|
||||||
|
Loading…
Reference in New Issue
Block a user