Minor improvements

This commit is contained in:
2020-08-04 19:42:13 +02:00
parent 8af6803dcc
commit 6f3fb3850f
3 changed files with 74 additions and 27 deletions

View File

@@ -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;

View File

@@ -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>