Minor improvements
This commit is contained in:
@@ -4,6 +4,10 @@
|
||||
justify-content: space-between;
|
||||
margin-bottom: 70px;
|
||||
height: 60px;
|
||||
|
||||
&__Navigation{
|
||||
flex-grow: 2;
|
||||
}
|
||||
|
||||
&__Logo {
|
||||
height: 60px;
|
||||
@@ -11,6 +15,7 @@
|
||||
object-fit:cover;
|
||||
max-height: 100%;
|
||||
overflow: hidden;
|
||||
flex-shrink: 0;
|
||||
|
||||
.LP-Image{
|
||||
height: 60px;
|
||||
@@ -18,6 +23,19 @@
|
||||
}
|
||||
}
|
||||
|
||||
.LP-Header__UserInformation{
|
||||
margin-right: 3%;
|
||||
.LP-Paragraph{
|
||||
font-family: $-primary-sans-serif-font;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.LP-Link{
|
||||
margin: 0 3px;
|
||||
padding: 4px 4px;
|
||||
}
|
||||
}
|
||||
|
||||
@media(max-width: $-viewport-medium){
|
||||
.LP-Header__Logo{
|
||||
width: 60px;
|
||||
|
@@ -2,6 +2,11 @@
|
||||
<div class="LP-Header__Logo">
|
||||
{{> @image source='/images/logo.png'}}
|
||||
</div>
|
||||
<div class="LP-Header__UserInformation">
|
||||
<span class="LP-Paragraph">
|
||||
Hi there!{{> @link url="#" text="Login"}} or {{> @link url="#" text="Sign up"}}
|
||||
</span>
|
||||
</div>
|
||||
<div class="LP-Header__Navigation">
|
||||
{{> @navigation}}
|
||||
</div>
|
||||
|
Reference in New Issue
Block a user