mobile search styling tweaks
This commit is contained in:
parent
3b0d117e89
commit
b5e387cb82
|
@ -160,8 +160,12 @@ svg[aria-label="Algolia"] * {
|
||||||
/* Mobile modal styling */
|
/* Mobile modal styling */
|
||||||
.DocSearch-Container, .DocSearch-Modal {
|
.DocSearch-Container, .DocSearch-Modal {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
inset: 1rem 1.875rem;
|
inset: 1rem;
|
||||||
max-width: calc(100vw - 3.75rem);
|
max-width: calc(100vw - 2rem);
|
||||||
max-height: calc(100vh - 2rem);
|
max-height: calc(100vh - 2rem);
|
||||||
|
}
|
||||||
|
|
||||||
|
.DocSearch-Cancel {
|
||||||
|
color: var(--chakra-colors-primary);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue