Halaman utama Jelajahi
原型工具、Api管理、Bug管理等 更多工具
 团队协作  快速原型  自动标注  Bug管理  Api管理
Masuk
zhuliang
/
AdminLTE
cermin dari https://github.com/almasaeed2010/AdminLTE.git
Liatin 1
Bintangi 0
Fork 0
Berkas Masalah 0 Wiki
Jelajahi Sumber

Change header markup

Abdullah Almsaeed 9 tahun lalu
induk
846cee1b4d
melakukan
6237a4cf8e
4 mengubah file dengan 47 tambahan dan 44 penghapusan
Tampilan Split Tampilkan Statistik Diff
  1. 7 5
      build/scss/_header.scss
  2. 10 9
      dist/tmp/AdminLTE.css
  3. 10 9
      dist/tmp/AdminLTE.min.css
  4. 20 21
      starter.html

+ 7 - 5
build/scss/_header.scss
Tampilan Berkas 

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

+ 10 - 9
dist/tmp/AdminLTE.css
Tampilan Berkas 

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

+ 10 - 9
dist/tmp/AdminLTE.min.css
Tampilan Berkas 

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

+ 20 - 21
starter.html
Tampilan Berkas 

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