mirror of
https://github.com/ViViDboarder/Vivid-Casper.git
synced 2024-12-22 19:47:38 +00:00
Added sign in link to the navbar
This commit is contained in:
parent
55a90a9252
commit
7da41d344f
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
@ -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;
|
||||||
}
|
}
|
||||||
|
@ -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');
|
||||||
|
@ -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>
|
||||||
|
Loading…
Reference in New Issue
Block a user