Added sign in link to the navbar

This commit is contained in:
Sodbileg Gansukh 2022-12-14 16:42:46 +08:00
parent 55a90a9252
commit 7da41d344f
7 changed files with 30 additions and 16 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -313,7 +313,7 @@ production stylesheet in assets/built/screen.css
@media (min-width: 992px) { @media (min-width: 992px) {
.is-head-left-logo .gh-head-menu { .is-head-left-logo .gh-head-menu {
margin-right: 32px; margin-right: 64px;
margin-left: 16px; margin-left: 16px;
} }
} }
@ -566,6 +566,17 @@ production stylesheet in assets/built/screen.css
text-align: right; text-align: right;
} }
.gh-head-members {
display: flex;
gap: 20px;
align-items: center;
}
.gh-head-link {
font-weight: 500;
color: inherit;
}
.gh-head-button { .gh-head-button {
display: inline-flex; display: inline-flex;
justify-content: center; justify-content: center;
@ -614,13 +625,13 @@ production stylesheet in assets/built/screen.css
margin-right: -4px; margin-right: -4px;
} }
@media (max-width: 991px) { @media (max-width: 767px) {
.gh-head-actions .gh-search { .gh-head-actions .gh-search {
display: none; display: none;
} }
} }
@media (min-width: 992px) { @media (min-width: 768px) {
.gh-head-brand .gh-search { .gh-head-brand .gh-search {
display: none; display: none;
} }
@ -682,7 +693,7 @@ production stylesheet in assets/built/screen.css
/* ---------------------------------------------------------- */ /* ---------------------------------------------------------- */
/* IDs needed to ensure sufficient specificity */ /* IDs needed to ensure sufficient specificity */
@media (max-width: 991px) { @media (max-width: 767px) {
#gh-head { #gh-head {
height: 64px; height: 64px;
} }

View File

@ -1,5 +1,5 @@
(function () { (function () {
const mediaQuery = window.matchMedia('(max-width: 991px)'); const mediaQuery = window.matchMedia('(max-width: 767px)');
const menu = document.querySelector('.gh-head-menu'); const menu = document.querySelector('.gh-head-menu');
const nav = menu.querySelector('.nav'); const nav = menu.querySelector('.nav');

View File

@ -51,15 +51,18 @@
{{/match}} {{/match}}
{{else}} {{else}}
<button class="gh-search gh-icon-btn" data-ghost-search>{{> "icons/search"}}</button> <button class="gh-search gh-icon-btn" data-ghost-search>{{> "icons/search"}}</button>
<div class="gh-head-members">
{{#unless @member}} {{#unless @member}}
{{#unless @site.members_invite_only}} {{#unless @site.members_invite_only}}
<a class="gh-head-link" href="#/portal/signin" data-portal="signin">Sign in</a>
<a class="gh-head-button" href="#/portal/signup" data-portal="signup">Subscribe</a> <a class="gh-head-button" href="#/portal/signup" data-portal="signup">Subscribe</a>
{{else}} {{else}}
<a class="gh-head-button" href="#/portal/signin" data-portal="signin">Login</a> <a class="gh-head-button" href="#/portal/signin" data-portal="signin">Sign in</a>
{{/unless}} {{/unless}}
{{else}} {{else}}
<a class="gh-head-button" href="#/portal/account" data-portal="account">Account</a> <a class="gh-head-btn gh-btn gh-primary-btn" href="#/portal/account" data-portal="account">Account</a>
{{/unless}} {{/unless}}
</div>
{{/unless}} {{/unless}}
</div> </div>
</div> </div>