Masthead style update (#1851)

* Masthead style update

Wrapped header, and updated style as per Figma.
Fixed indentation errors.

* Update website/views/layouts/layout.ejs

Removed text-decoration:none; from style.

* Update layout.ejs

* Update layout.ejs

Co-authored-by: eashaw <eashaw@sailsjs.com>
This commit is contained in:
Mike Thomas 2021-09-01 18:16:00 +09:00 committed by GitHub
parent 67daacf188
commit 8daa5da84a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 64 additions and 61 deletions

View File

@ -105,6 +105,7 @@ html, body {
left: 0;
right: 0;
border-bottom: 1px solid #e2e4ea;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
.dropdown:hover > .dropdown-menu {
display: block;
}

View File

@ -55,8 +55,9 @@
</head>
<body>
<div purpose="page-wrap">
<div style="max-width: 1248px; height: 94px;" class="<%= isHomepage ? 'homepage-header' : 'header' %> container-fluid d-flex justify-content-between align-items-center pt-3 pb-3 px-3 px-md-4" purpose="page-header">
<a href="/">
<div class="<%= isHomepage ? 'homepage-header' : 'header' %>" purpose="page-header">
<div style="max-width: 1248px; height: 94px;" class="container-fluid d-flex justify-content-between align-items-center pt-3 pb-3 px-3 px-md-4">
<a href="/" style="max-width: 118px;">
<% /* The homepage-header on the homepage has a white fleet logo */ %>
<% if (isHomepage) { %>
<img alt="Fleet logo" src="/images/logo-white-118x48@2x.png" style="width: 118px; height: 48px;"/>
@ -105,7 +106,7 @@
</div>
</div>
<div class="d-none d-lg-flex">
<a href="/get-started" class="header-link d-flex align-items-center px-3 py-2 mr-4 text-decoration-none" style=" text-decoration: none;line-height: 23px;">Get started</a>
<a href="/get-started" class="header-link d-flex align-items-center px-3 py-2 mr-4 text-decoration-none" style="line-height: 23px;">Get started</a>
<a href="/docs" class="header-link d-flex align-items-center px-3 py-2 mr-4 text-decoration-none" style=" text-decoration: none;line-height: 23px;">Docs</a>
<a href="/queries" class="header-link d-flex align-items-center px-3 py-2 mr-4 text-decoration-none" style=" text-decoration: none;line-height: 23px;">Queries</a>
<a href="/pricing" class="header-link d-flex align-items-center px-3 py-2 mr-4 text-decoration-none" style=" text-decoration: none;line-height: 23px;">Pricing</a>
@ -123,6 +124,7 @@
</span>
</div>
</div>
</div>
<%- body %>