fix overflowing in image results

This commit is contained in:
mat 2024-07-16 22:03:31 +00:00
parent 1ce204bf4e
commit 732d95093c
2 changed files with 8 additions and 2 deletions

View File

@ -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);

View File

@ -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;