Change header markup
This commit is contained in:
parent
846cee1b4d
commit
6237a4cf8e
|
@ -8,10 +8,10 @@
|
|||
z-index: $zindex-navbar;
|
||||
|
||||
> .navbar {
|
||||
margin-left: $sidebar-width;
|
||||
height: 55px;
|
||||
//margin-left: $sidebar-width;
|
||||
//height: 55px;
|
||||
}
|
||||
|
||||
/*
|
||||
> .logo {
|
||||
width: $sidebar-width;
|
||||
padding: 0 15px;
|
||||
|
@ -20,18 +20,20 @@
|
|||
font-size: 18px;
|
||||
height: 55px;
|
||||
line-height: 55px;
|
||||
}
|
||||
}*/
|
||||
}
|
||||
|
||||
.content-header {
|
||||
padding: 15px;
|
||||
h1 {
|
||||
font-size: 2rem;
|
||||
font-size: 1.8rem;
|
||||
margin: 0;
|
||||
|
||||
}
|
||||
.breadcrumb {
|
||||
margin-bottom: 0;
|
||||
padding: 0;
|
||||
background: transparent;
|
||||
font-size: 1rem;
|
||||
}
|
||||
}
|
19
dist/tmp/AdminLTE.css
vendored
19
dist/tmp/AdminLTE.css
vendored
|
@ -4613,27 +4613,28 @@ a:focus {
|
|||
*/
|
||||
.main-header {
|
||||
position: relative;
|
||||
z-index: 1000; }
|
||||
.main-header > .navbar {
|
||||
margin-left: 230px;
|
||||
height: 55px; }
|
||||
.main-header > .logo {
|
||||
width: 230px;
|
||||
z-index: 1000;
|
||||
/*
|
||||
> .logo {
|
||||
width: $sidebar-width;
|
||||
padding: 0 15px;
|
||||
text-align: center;
|
||||
float: left;
|
||||
font-size: 18px;
|
||||
height: 55px;
|
||||
line-height: 55px; }
|
||||
line-height: 55px;
|
||||
}*/ }
|
||||
|
||||
.content-header {
|
||||
padding: 15px; }
|
||||
.content-header h1 {
|
||||
font-size: 2rem;
|
||||
font-size: 1.8rem;
|
||||
margin: 0; }
|
||||
.content-header .breadcrumb {
|
||||
margin-bottom: 0;
|
||||
padding: 0; }
|
||||
padding: 0;
|
||||
background: transparent;
|
||||
font-size: 1rem; }
|
||||
|
||||
/*
|
||||
* Component: Sidebar
|
||||
|
|
19
dist/tmp/AdminLTE.min.css
vendored
19
dist/tmp/AdminLTE.min.css
vendored
|
@ -4613,27 +4613,28 @@ a:focus {
|
|||
*/
|
||||
.main-header {
|
||||
position: relative;
|
||||
z-index: 1000; }
|
||||
.main-header > .navbar {
|
||||
margin-left: 230px;
|
||||
height: 55px; }
|
||||
.main-header > .logo {
|
||||
width: 230px;
|
||||
z-index: 1000;
|
||||
/*
|
||||
> .logo {
|
||||
width: $sidebar-width;
|
||||
padding: 0 15px;
|
||||
text-align: center;
|
||||
float: left;
|
||||
font-size: 18px;
|
||||
height: 55px;
|
||||
line-height: 55px; }
|
||||
line-height: 55px;
|
||||
}*/ }
|
||||
|
||||
.content-header {
|
||||
padding: 15px; }
|
||||
.content-header h1 {
|
||||
font-size: 2rem;
|
||||
font-size: 1.8rem;
|
||||
margin: 0; }
|
||||
.content-header .breadcrumb {
|
||||
margin-bottom: 0;
|
||||
padding: 0; }
|
||||
padding: 0;
|
||||
background: transparent;
|
||||
font-size: 1rem; }
|
||||
|
||||
/*
|
||||
* Component: Sidebar
|
||||
|
|
41
starter.html
41
starter.html
|
@ -44,28 +44,27 @@ desired effect
|
|||
-->
|
||||
<body class="hold-transition skin-blue sidebar-mini sidebar-collapsed">
|
||||
<div class="wrapper">
|
||||
<div class="main-header">
|
||||
|
||||
<!-- Navbar -->
|
||||
<nav class="navbar navbar-static-top navbar-dark bg-light-blue">
|
||||
<!-- Logo -->
|
||||
<a class="logo" href="#"><b>Admin</b>LTE</a>
|
||||
<!-- Navbar -->
|
||||
<nav class="navbar navbar-static-top navbar-dark bg-light-blue">
|
||||
<ul class="nav navbar-nav">
|
||||
<li class="nav-item active">
|
||||
<a class="nav-link" href="#">Home</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">Features</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">Pricing</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">About</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<!-- /.navbar -->
|
||||
</div>
|
||||
<a class="navbar-brand" href="#"><b>Admin</b>LTE</a>
|
||||
<ul class="nav navbar-nav">
|
||||
<li class="nav-item active">
|
||||
<a class="nav-link" href="#">Home</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">Features</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">Pricing</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">About</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<!-- /.navbar -->
|
||||
|
||||
<!-- Left side column. contains the logo and sidebar -->
|
||||
<aside class="main-sidebar">
|
||||
|
|
Loading…
Reference in a new issue