mrtoth/frontend-tutorial-framework
1
0
Fork 0
mirror of https://github.com/avatao-content/frontend-tutorial-framework synced 2025-06-29 06:15:12 +00:00
Code Issues Releases Wiki Activity

Add horizontal view, change header layout and fix webide position problems

Browse Source
This commit is contained in:
Gabor PEK
2018-03-12 10:32:01 +01:00
parent 822b65462d
commit 5e0e55eb16
12 changed files with 85 additions and 74 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/app/header/header.component.html
View File

@ -1,11 +1,4 @@
<nav class="navbar navbar-default navbar-expand-md navbar-light tfw-navbar fixed-top">
<div class="tfw-grid-navbar">
<!-- <ul class="navbar-nav tao-grid-center-right">
<li class="nav-item tao-header-title">an</li>
</ul>-->
<img src="images/avatao_logo.svg" routerLink="/" class="tao-grid-center-left tfw-company-logo" alt="">
<ul class="navbar-nav">
<li class="nav-item tfw-header-title">Tutorials</li>
</ul>
</div>
</nav>
<div class="tfw-grid-navbar tao-grid-center-center">
<img src="images/avatao_logo.svg" routerLink="/" class="tao-grid-center-left tfw-company-logo" alt="">
<span class="tfw-header-title">Tutorials</span>
</div>

34
src/app/header/header.component.scss
View File

@ -11,14 +11,6 @@ $company-logo-width: 130px;
font-size: $font-size-h3;
}
.tfw-navbar {
background-color: rgba(255, 255, 255, 0.96);
min-height: $tao-navbar-height;
box-shadow: 0px 1px 6px 0px #888;
margin-bottom: 12px;
border: 1px solid #e7e7e7;
}
.tfw-grid-navbar {
display: grid;
grid-template-columns: $company-logo-width 1fr;
@ -31,29 +23,3 @@ $company-logo-width: 130px;
width: $company-logo-width;
}
.tfw-company-logo-mobile {
display: none;
width: 130px;
}
@media (max-width: 767px) {
.tfw-grid-navbar {
grid-template-columns: 1fr;
}
.tfw-company-logo {
display: none;
}
.tfw-company-logo-mobile {
display: block;
}
.tfw-navbar-links {
justify-self: left !important;
}
}
.jumbotron {
padding: 2vh;
}