mirror of
https://github.com/ethereum/go-ethereum.git
synced 2026-05-24 08:49:29 +00:00
update styling for search component (#191)
This commit is contained in:
parent
23d5653d53
commit
82a633c299
1 changed files with 6 additions and 3 deletions
|
|
@ -24,14 +24,13 @@
|
||||||
|
|
||||||
.DocSearch-Button-Container {
|
.DocSearch-Button-Container {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
flex-direction: row-reverse;
|
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
|
|
||||||
.DocSearch-Button-Keys kbd {
|
.DocSearch-Button-Keys kbd {
|
||||||
background: none;
|
background: none;
|
||||||
border: 1px solid var(--chakra-colors-primary);
|
border: 1px solid var(--chakra-colors-secondary);
|
||||||
color: var(--chakra-colors-primary);
|
color: var(--chakra-colors-secondary);
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
padding: 0.125rem;
|
padding: 0.125rem;
|
||||||
}
|
}
|
||||||
|
|
@ -147,6 +146,10 @@ svg[aria-label='Algolia'] * {
|
||||||
|
|
||||||
@media (max-width: 768px) {
|
@media (max-width: 768px) {
|
||||||
/* Search field in mobile menu */
|
/* Search field in mobile menu */
|
||||||
|
.DocSearch-Button-Container {
|
||||||
|
flex-direction: row-reverse;
|
||||||
|
}
|
||||||
|
|
||||||
.DocSearch-Button {
|
.DocSearch-Button {
|
||||||
padding: 2rem 1rem;
|
padding: 2rem 1rem;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue