mentos1386/mnts.dev
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fix search icon spacing

Browse source
This commit is contained in:
Sodbileg Gansukh 2022-07-14 15:16:32 +08:00
parent d373d926fa
commit ffcbc42d13
4 changed files with 32 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
assets/built/screen.css
View file

File diff suppressed because one or more lines are too long

2
assets/built/screen.css.map
View file

File diff suppressed because one or more lines are too long

29
assets/css/screen.css
View file

@ -224,7 +224,6 @@ body:not(.has-cover) .site-header-content:not(.left-aligned) {
@media (max-width: 767px) {
.has-cover .site-header-content {
padding-bottom: 36px;
min-height: 240px;
}
.site-header-inner {
@ -321,6 +320,11 @@ body:not(.has-cover) .site-header-content:not(.left-aligned) {
max-height: 26px;
}
.gh-head-brand-wrapper {
display: flex;
align-items: center;
}
/* Primary Navigation
/* ---------------------------------------------------------- */
@ -368,7 +372,7 @@ body:not(.has-cover) .site-header-content:not(.left-aligned) {
.gh-social {
display: flex;
align-items: center;
gap: 16px;
gap: 20px;
}
.gh-social-link {
@ -433,12 +437,23 @@ body:not(.has-cover) .site-header-content:not(.left-aligned) {
opacity: 0.9;
}
.gh-head-brand .gh-search {
margin-right: 8px;
}
.gh-head-actions .gh-search {
margin-right: -10px;
}
@media (max-width: 991px) {
.gh-search {
position: fixed;
top: 16px;
left: 16px;
z-index: 10;
.gh-head-actions .gh-search {
display: none;
}
}
@media (min-width: 992px) {
.gh-head-brand .gh-search {
display: none;
}
}

13
default.hbs
View file

@ -32,11 +32,14 @@
{{@site.title}}
{{/if}}
</a>
<a class="gh-burger" role="button">
<div class="gh-burger-box">
<div class="gh-burger-inner"></div>
</div>
</a>
<div class="gh-head-brand-wrapper">
<button class="gh-search" data-ghost-search>{{> "icons/search"}}</button>
<a class="gh-burger" role="button">
<div class="gh-burger-box">
<div class="gh-burger-inner"></div>
</div>
</a>
</div>
</div>
<div class="gh-head-menu">
{{navigation}}