Просмотр исходного кода

WIP: apply bootstrap theme

* ensure that height of navbar to 50px
Yuki Takei 8 лет назад
Родитель
Сommit
22f8e0a4c9
2 измененных файлов с 10 добавлено и 11 удалено
  1. 7 7
      resource/styles/agile-admin/inverse/eliteadmin.scss
  2. 3 4
      resource/styles/scss/_layout.scss

+ 7 - 7
resource/styles/agile-admin/inverse/eliteadmin.scss

@@ -877,10 +877,10 @@ label{
 // --Topbar
 // --Topbar
 .logo b{
 .logo b{
    /*background:$themecolor;*/
    /*background:$themecolor;*/
-   height: 60px;
+   height: 50px;
    display: inline-block;
    display: inline-block;
    width:60px;
    width:60px;
-   line-height:60px;
+   line-height:50px;
    text-align:center;
    text-align:center;
 
 
 }
 }
@@ -925,8 +925,8 @@ label{
 .navbar-top-links > li > a{
 .navbar-top-links > li > a{
     color:$white;
     color:$white;
     padding: 0 14px;
     padding: 0 14px;
-    line-height:60px;
-    min-height: 60px;
+    line-height:50px;
+    min-height: 50px;
     &:hover{
     &:hover{
         background:rgba(0, 0, 0, 0.1)
         background:rgba(0, 0, 0, 0.1)
     }
     }
@@ -975,7 +975,7 @@ label{
 .navbar-header .navbar-toggle {
 .navbar-header .navbar-toggle {
     float:none;
     float:none;
     padding:0 15px;
     padding:0 15px;
-    line-height:60px;
+    line-height:50px;
     border:0px;
     border:0px;
     color:rgba(255, 255, 255, 0.5);
     color:rgba(255, 255, 255, 0.5);
     margin:0px;
     margin:0px;
@@ -997,7 +997,7 @@ label{
 }
 }
 .app-search a {
 .app-search a {
   position: absolute;
   position: absolute;
-  top: 20px;
+  top: 13px;
   right: 10px;
   right: 10px;
   color: $inverse;
   color: $inverse;
 
 
@@ -1017,7 +1017,7 @@ label{
   width: 180px;
   width: 180px;
   display:inline-block;
   display:inline-block;
   line-height:30px;
   line-height:30px;
-  margin-top:15px;
+  margin-top:10px;
   border-radius:40px;
   border-radius:40px;
   transition:0.5s ease-out;
   transition:0.5s ease-out;
 }
 }

+ 3 - 4
resource/styles/scss/_layout.scss

@@ -31,13 +31,12 @@
       }
       }
       svg.dark-logo, svg.light-logo {
       svg.dark-logo, svg.light-logo {
         padding: 12px;
         padding: 12px;
-        width: 60px;
-        height: 60px;
+        width: 50px;
+        height: 50px;
       }
       }
       svg.dark-logo-text, svg.light-logo-text {
       svg.dark-logo-text, svg.light-logo-text {
-        padding-top: 9px;
         width: 156px;
         width: 156px;
-        height: 60px;
+        height: 50px;
       }
       }
     }
     }